nuxt.js 点击页面跳转跨域

使用nuxt.js做SSR有一个特点，就是在第一次打开页面的时候，不会存在跨域的问题。
但是页面跳转的时候，就会出现跨域的问题了。

问题——页面跳转会产生跨域问题

由于公司要开发一个SSR的PC端项目，前几天选择使用nuxt.js搭建了一个项目，做了国际化，拦截等等。然后交给其他同时去开发了。今天同时突然问我，这是产生跨域了吧！但是代理配置了啊，为什么会产生跨域啊，让我帮他解决一下。
我看了看之前写的代理，貌似没有什么问题，但就是产生跨域，这是为什么呢？代理也成功了，也运行了啊，为了解决这个问题
感觉应该是只代理了接口，没有代理文件，由于是服务端渲染，而没有代理文件，页面跳转的时候拿文件的过程中就会出现跨域（感觉应该是这个问题）

解决——使用@gauseen/nuxt-proxy做代理

一、安装 @gauseen/nuxt-proxy 依赖资源

1
npm install --save-dev @gauseen/nuxt-proxy
2
OR
3
yarn add --save-dev @gauseen/nuxt-proxy

二、配置

1
modules: ['@nuxtjs/axios','@gauseen/nuxt-proxy'],
2
  /**
3
   * axios 代理
4
   */
5
  axios: {
6
    prefix: '/api',
7
    // credentials: false,
8
    proxy: true,
9
  },
10
  proxyTable: {
11
    '/api': {
12
      target: 'http://xxxxxx/api/',
13
      pathRewrite: {
14
        '^/api/': '/',
15
      },
16
      changeOrigin: true,
17
    },
18
  },

配置完成后，代理成功，再次运行项目，就不会出现跨域问题了。

如果能够帮助到你，是小编最大的荣幸

当然 有 不好的地方 请大家帮忙指出 学习永无止境

小编一直认为 人外有人 天外有天 一起学习 共同进步

让我们共同加油吧！