Vue跨域问题

最新推荐文章于 2024-06-26 18:16:27 发布

海绵的诱惑

最新推荐文章于 2024-06-26 18:16:27 发布

阅读量183

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_44282093/article/details/127074504

版权

在Vue中找到vue.config.js文件,直接把下方代码替换原先代码

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    //配置http-proxy代理方式跨域
    proxy: {
      // 自定义请求的开头,使用代理方式处理/demo开头的请求,/xxx可以自定义
      "/api": {
        // 往哪个服务器发请求
        target: "http://127.0.0.1:3000",
        pathRewrite: {
          // ^代表字符串开头,实际发送请求时,会把请求开头的/demo删除
          // 因为/demo并不是请求的一部分,只是个代理的标识
          "^/api": "",
        },
      },
      // 如果有其他网址也需要跨域则继续配置
      // "/其他的...": {
      //   target: "其他的请求地址",
      //   pathRewrite: {
      //     "^/其他的...": "",
      //   },
      // },
    },
  },
})