[JavaScript知识库]vue中配置代理服务器实现proxy跨域请求

一、Vue中通过配置代理服务器,进行跨域请求

1.设置文件名(Vue.config.js)放在src同名文件下;;;;;如下图所示:

2.vue.config.js中的代码如下

module.exports = {
    publicPath: "/", //打包后的配置文件 (启动页的地址)
    outputDir: 'dist', //打包之后的目录
    lintOnSave: true, //保存的时候监测语法格式
    devServer: {
        open: true, //默认打开页面
        host: '0.0.0.0', //0.0.0.0 本机地址
        port: 5000,
        https: false, //不支持https
        proxy: {
            "/myApi": {
                target: "http://m.douyu.com", //目标地址
                changeOrigin: true, //是否跨域
                pathRewrite: {
                    //对什么类的服务器匹配
                    "^/myApi": ''
                }
            }
        }

    }
}