nuxt-proxy 代理

nuxt.js 点击页面跳转跨域

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

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

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

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

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

1
2
3

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

二、配置

modules: ['@nuxtjs/axios','@gauseen/nuxt-proxy'],
  /**
   * axios 代理
   */
  axios: {
    prefix: '/api',
    // credentials: false,
    proxy: true,
  },
  proxyTable: {
    '/api': {
      target: 'http://xxxxxx/api/',
      pathRewrite: {
        '^/api/': '/',
      },
      changeOrigin: true,
    },
  },