当前位置 : 主页 > 网络编程 > JavaScript >

vue 更改连接后台的api示例

来源:互联网 收集:自由互联 发布时间:2021-04-05
vue 更改连接后台的api,是更改在config文件夹下的index.js文件中的proxyTable的值。 如下代码,其中 10.1.166.88:8888/springTimes 为后台暴露出来的appi。 dev: { env: require('./dev.env'), port: 8886, autoOpe

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示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

网友评论