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

Nuxt.js跨域解决方案

最新推荐文章于 2025-07-08 23:16:29 发布

weixin_34261739

最新推荐文章于 2025-07-08 23:16:29 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hpx2020/p/9820990.html

本文介绍如何使用npm包@gaussen/nuxt-proxy在Nuxt.js项目中解决跨域问题，通过配置nuxt.config.js文件，添加代理服务器设置，实现前后端分离部署时的数据请求。

先运行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" : ""}
    }
  },

转载于:https://www.cnblogs.com/hpx2020/p/9820990.html