vue 更改连接后台的api示例

更新时间：2019年11月11日 19:07:51 作者：mcya

今天小编就为大家分享一篇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示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue动态绘制四分之三圆环图效果
这篇文章主要介绍了vue动态绘制四分之三圆环图效果，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-09-09
vue如何使用笛卡尔积算法构建sku表格
这篇文章主要介绍了vue如何使用笛卡尔积算法构建sku表格问题，具有很好的价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-04-04
解决Electron store的commit和dispatch不好用问题
这篇文章主要介绍了解决Electron store的commit和dispatch不好用问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-01-01
vue多语言转换的几种方法总结
这篇文章主要介绍了vue多语言转换的几种方法总结，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-02-02
vue中如何防止用户频繁点击按钮详解
在后台使用过程中经常会因为按钮重复点击,而造成发送多次重复请求以下方法可以避免这种情况,下面这篇文章主要给大家介绍了关于vue中如何防止用户频繁点击按钮的相关资料,需要的朋友可以参考下
2022-09-09
Vue中的无限加载vue-infinite-loading的方法
本篇文章主要介绍了Vue中的无限加载vue-infinite-loading的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-04-04
vue.js页面加载执行created,mounted的先后顺序说明
这篇文章主要介绍了vue.js页面加载执行created,mounted的先后顺序说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11
vue3.0 子组件如何修改父组件传递过来的值
这篇文章主要介绍了vue3.0 子组件如何修改父组件传递过来的值，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04
vue-router之nuxt动态路由设置的两种方法小结
今天小编就为大家分享一篇vue-router之nuxt动态路由设置的两种方法小结，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09
vue实现大文件切片断点续传
上传文件，基本上用了input框就可以解决，但大文件应该怎样上传呢，一次性上传明显不现实，因为每次一断网，那就会从头开始上传，所以切片势在必行，关键就是如何切，怎么保障文件数据不会丢失，同时优化上传保障机制，本文就来给大家讲讲如何上传大文件
2023-07-07