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

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

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

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,
    },
  },


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

猜你喜欢