VUE配置不求人之(proxyTable)代理配置

切版网专注网页切版服务

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 设置的代理配置 来实现无后端也可开发的需求……

建立您的线上前端开发部门

最高11年前端从业经验,专业只做web前端切图,只要您愿意,切版网就是您公司的前端部门。