vue.config.js 配置代理，解决跨域

最新推荐文章于 2025-04-08 15:20:58 发布

海绵泡泡

最新推荐文章于 2025-04-08 15:20:58 发布

阅读量1k

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_41402809/article/details/115380058

版权

vue 专栏收录该内容

9 篇文章

订阅专栏

为什么要配置代理？

因为有跨域问题，要使用代理服务器发送请求。

比如：https://ynuf.aliapp.org/service/um.json?_bx-v=2.0.31 这个接口.

本地 http://localhost:8080/向它发送请求，就会发生跨域所以要把本地请求代理到https://ynuf.aliapp.org上

配置代理前，访问结果是

在这里插入图片描述

如何配置

使用vue.config.js 进行配置

vue.config.js

module.exports = {
  devServer: {
    proxy: {
      '/api': { //访问 /api 接口的都会被代理到下面的域名上
        target: 'https://ynuf.aliapp.org',  //目标url
        changeOrigin: true, // 是否改变域名
        ws: true,
        pathRewrite: {
          // 路径重写
          '^/api': '', // 这个意思就是以api开头的，会把api去掉，再接上后面的字段
        },
      },
    },
  },
};