首页 / 大前端 / nuxtjs设置反向代理，解决跨域问题

nuxtjs设置反向代理，解决跨域问题

2021-01-21 01:21 大前端 阅读 4676 来源

Nuxtjs解决跨域问题，一般都会想到设置代理，这是一个非常简单而且实用的方式，再设置代理前要安装两个包


cnpm i @nuxtjs/axios --save-dev
cnpm i @nuxtjs/proxy --save-dev


安装完成后我们去到nuxt.config.js文件中进行配置

首先再modules中启动axios

modules: [
    '@nuxtjs/axios',
  ],

在这里开启跨域请求行为

axios: {
    proxy: true, // 开启跨域行为
  },

再这里设置代理选项

proxy: {
    '/api/': {
      target: 'http://minsu.zuowenya.cn', // 代理转发的地址
      changeOrigin: true,
    },
  },


以上配置完成后，就能够进行跨域访问了！！！

赞同698
vue   nuxtjs   反向代理  

猜你喜欢