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。