vue 更改连接后台的api,是更改在config文件夹下的index.js文件中的proxyTable的值。
创新互联公司专注于企业成都全网营销、网站重做改版、宁海网站定制设计、自适应品牌网站建设、H5页面制作、商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为宁海等各大城市提供网站开发制作服务。
如下代码,其中 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示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。