nuxt项目跨域配置


nuxt项目如果跨域了,可以按照以下步骤修改

例如:

项目访问路径为:http://127.0.0.1:3000

接口请求路径为:https://api.ggdoc.cn

找到nuxt.config.js文件,添加以下代码:

axios: {
    proxy: true, 
    prefix: '/api', 
    credentials: true 
  },
proxy: {
    '/api': {
        target: 'https://api.ggdoc.cn', 
        changeOrigin: true, 
        pathRewrite: {
            '^/api': '/', 
        }
    }
},

确保自己的项目里面没有/api访问路径,如果有,需要将/api修改为其它的路径名称,这个可以随便改。

改完之后,需要将自己的请求接口都改为http://127.0.0.1:3000/api,而不是https://api.ggdoc.cn。