vue配置代理服务器方式

最新推荐文章于 2024-05-08 01:30:06 发布

李博的前端篇

最新推荐文章于 2024-05-08 01:30:06 发布

阅读量271

点赞数

分类专栏：网络请求文章标签：服务器 Powered by 金山文档

本文链接：https://blog.csdn.net/m0_63498341/article/details/129196407

版权

网络请求专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在vue.config.js中配置如下即可，可以设置多个代理，向不同的服务器发送请求

devServer: {
    proxy: {
      '/shanyu': {// 匹配所有以'shanyu'开头的请求路径
        target: 'http://localhost:5000',// 代理目标的基础路径
        pathRewrite: {
            '^/shanyu': '' // 将所有的前缀替换为空串再去服务器内擦护照该路径
             // ws和changeOrigin默认都为true
            // ws: true, // 用于支持websocket
               // changeOrigin: true // 用于控制请求头host的值
        },
          //changeOrigin设置为true时，服务器收到的请求头中的host为: localhost: 5000
        //changeOrigin设置为false时，服务器收到的请求头中的host为: localhost :8080
      }