VUE代理配置为何

为了解决跨域的问题能更好的解放前端独立问题，不需要看后端行事，只要有类似数据就可以代理，就可以使用。VUE代理配置实现说明

文件：/config/index.js /*配置文件地址*/

实现代理http://www.***.com/api/login

1 选择config/index.js文件 定位到proxyTable配置参数

proxyTable: {

‘/apiKey’: {

target: ‘http://www.***.com/api/’,

changeOrigin: true,

pathRewrite: {

‘^/apiKey’: ‘/’

}

}

}

/apiKey 代替的是 http://www.***.com/apiKey

2 axios简单封闭

const service = axios.create({

timeout: 1000 * 30,

withCredentials: true,

baseURL: ‘/apiKey/’,

headers: {

‘Content-Type’: ‘application/json; charset=utf-8’

}

})

3 登陆调用

export function test(params) {

return request({

url: ‘test’,

method: ‘post’,

data: reqParams(params)

})

}

Vue的项目开发中项目结构基本都是类似于 Vue-cli 生成的方式，这种方式开发中，最常用到的模式是开启代理进行 mock 调试或远程调试，也就是使用了 Vue-cli 设置的代理配置 来实现无后端也可开发的需求……