vue配置跨域请求

在cue.config.js文件中，配置所需要的服务器地址

module.exports = {
    // 代理服务器
    devServer: {
        proxy: {
        	 // 配置第一个服务器地址'
            '/api/one': { 
            	//字段 /api/one 可以自行修改，但是请求数据时，在请求路径上记得要保持一致，请求配置中有写明，请仔细阅读
                target: '',//这里填写服务器地址，后台会给你提供
                changeOrigin: true,//配置接口跨域
                pathRewrite: {
                    '^/api/one': '/'
                    //重写请求地址
                }
            },
            
            //配置第二个服务器地址
            '/api/two': {
                target: '',
                changeOrigin: true,
                pathRewrite: {
                    '^/api/two': '/'
                }
            },
        }
    }
}

请求配置（这是写请求数据的js文件，ex：api.js文件，server方法是对axios的二次封装，也可以使用axios代替）

//使用第一个服务器地址请求数据
const getDataOne = function(params) {
        return new Promise((resolve, reject) => {
            server.get(`/api/one/../../day?date=${params}&key='7743a3587f'`).then(res => {
                //请求里记得写上我们自定义的'/api/one' 字段,后面正常写后台给我们的路径即可，本人比较懒，就直接写../代替了
                resolve(res)
            })
        })
    }

//使用第二个服务器地址请求数据
const getDataTwo = function() {
        return new Promise((resolve, reject) => {
            server.get('/api/two/../../?naviId=all').then(res => {
                // 第二个服务器的请求  '/api/two/'
                resolve(res)
            })
        })
    }

配置之后需要重新启动项目