Vue3.0使用proxy设置代理跨域

写手在作画的夜晚，留下路人惊叹

在3.0中需要手动创建vue.config.js文件来进行配置

安装: 

npm install --save-dev http-proxy-middleware

 

 

module.exports = {
    // baseUrl: "/", 3.0中baseUrl废掉了
    publicPath: "/live/", 公共文件夹
    outputDir: "public/live",//打包后存放静态资源的文件夹( 指定一下 )
    devServer: { //自动打开浏览器
        port: "8080",
        host: "localhost",
        open: true,
　　　　　　看这里
        proxy: {
            "/api": {
                target: "", //要跨域的域名 目标地址
                changeOrigin: true, //是否开启跨域 是否更改源路径
                ws: true,
                pathRewrite: {
                    "^/api": ""  // /api/ / 凡是/api开头的地址都可以跨域
                }
            }
        }
    }
};