vue配置反向代理

1.首先在项目根目录下创建 vue.config.js 文件
2.在 vue.config.js 文件中添加以下代码

module.exports = {
   
    devServer: {
   
        proxy: {
   
            '/api': {
   
                target: 'http://m.baidu.com',//目标地址
                ws: true,  是否启用websockets
                changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
                pathRewrite: {
   '^/api': '/'