使用反向代理解决跨域问题

在项目根目录下新建一个webpack的配置文件：vue.config.js。

跨域问题的解决必须在vue.config.js文件中进行配置书写。

代码内容如下

 module.exports={
    devServer:{	// 配置项目的启动服务器
        open:true,	// 设置是否自动打开浏览器
        host:'0.0.0.0',	// 设置启动服务器的主机名
        port:9000,	// 设置启动服务器的端口号
        hotOnly:true,	// 设置是否启用热启动配置
        https:true,	// 若接口地址采用https协议需要书写
        proxy:{	// 设置反向代理解决跨域问题
            '/api':{
                target:'http://vrvi.v228.10000net.cn',	// 指定反向代理的主域名
                changeOrigin:true,	// 是否更改接口地址的来源
                pathRewrite:{	// 路由重写
                    '^/api':'/delivery/api/'	// 凡是以/api开头的部分都用后面替代
                }
            }
        }
    }
}