vue项目配置代理

此文件基于vue脚手架5.0实现, 把以下代码替换项目中vue.config.js的内容, 修改代理target即可

示例:斗鱼的接口

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: '/',    // 启动页地址
  outputDir: 'dist', // 打包的目录
  lintOnSave: true, // 在保存时校验格式
  productionSourceMap: false, // 生产环境是否生成 SourceMap
  服务端设置的一些功能
  devServer: {
    open: true,
    host: 'localhost',
    port: 8080,
    proxy: {
      "/myDouyu": {
        target: "http://open.douyucdn.cn",
        changeOrigin: true,
        pathRewrite: {
            "^/myDouyu": ""
        }
      }
    }
  }
})

在vue.config.js中的devServer.proxy字段设置代理服务器

这个文件是服务器的配置文件, 所以这个文件的修改需要重启项目生效