vue 更改连接后台的api示例
网络编程 2021-07-04 15:02www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇vue 更改连接后台的api示例，具有很好的参考价值，希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
vue 更改连接后台的api，是更改在config文件夹下的index.js文件中的proxyTable的值。
如下代码，其中 10.1.166.88:8888/springTimes 为后台暴露出来的appi。
dev: {
env: require('./dev.env'),
port: 8886,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: 'http://10.1.166.88:8888/springTimes',//路径更改。
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
},
cssSourceMap: false
}
更改后需要重新 npm run dev 才起效果。
以上这篇vue 更改连接后台的api示例就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。
上一篇：vuex实现数据状态持久化 下一篇：vue路由守卫,限制前端页面访问权限的例子