nuxt.js 本地开发跨域问题(Access-Control-Allow-Origin)及其解决方案

Posted 惠鹏曦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nuxt.js 本地开发跨域问题(Access-Control-Allow-Origin)及其解决方案相关的知识,希望对你有一定的参考价值。

先运行npm i @gauseen/nuxt-proxy -D  

再nuxt.config.js的module.exports 里面添加如下代码

 

  modules:[
    ‘@nuxtjs/axios‘,
    // 请求代理配置,解决跨域
    ‘@gauseen/nuxt-proxy‘,
  ],

  // 代理服务器
  proxyTable: {
    "/apis": {
      target: "http://xxx.con",  // 线上地址
      // target: "http://192.168.1.106:7000",  // 本地环境
      pathRewrite: {"^/apis" : ""}
    }
  },

  

以上是关于nuxt.js 本地开发跨域问题(Access-Control-Allow-Origin)及其解决方案的主要内容,如果未能解决你的问题,请参考以下文章

Nuxt.js服务端渲染实践,从开发到部署

localstorage.getItem() 在 NUXT JS 中不起作用

nuxt.js部署

如何使用 Nuxt.js 在 vuex 状态中获取本地存储数据

Nuxt.js 本地站点页面仅在登陆时从 Strapi 加载数据,而不是通过 <nuxt-link> 导航

如何使用 Nuxt.js 将数据存储到本地存储