解决vue前后端端口不一致的问题
更新时间：2021年07月08日 10:26:43 作者：小北在远方
这篇文章主要介绍了解决vue前后端端口不一致的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue前后端端口不一致
在config index.js文件中
引入如下代码即可
proxyTable: {
'/api': {
target: 'http://localhost:3000',//要访问的后端接口
changeOrigin: true,
pathRewrite: {
'^/api': '/'
//这里的配置是正则表达式，以/api开头的将会被用用‘/api'替换掉，假如后台文档的接口是 /api/list/xxx
//前端api接口写：axios.get('/api/list/xxx') ， 被处理之后实际访问的是：http://news.baidu.com/api/list/xxx
}
}},
vue启动服务器端口号每次都不一样
昨天在自己电脑上运行朋友给的项目，由于他是用vue3.0，而我使用的是vue2.5.2，在运行他的项目时有错误提示，可能版本的问题，本人就照着错误提示去下载插件，结果他的项目好使了，但是自从那次起，每次执行我的项目发现端口号都是不一样
解决办法：
先下载npm install portfinder@1.0.21
重装依赖npm install
重启项目npm run dev
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要给大家介绍了基于vue+electron实现文件下载打开wps预览,文中有详细的代码示例供大家借鉴参考,感兴趣的同学可以参考阅读下2023-08-08
这篇文章主要介绍了在vue3.0中封装button使用slot组件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
这篇文章主要介绍了vue实现的网易云音乐在线播放和下载功能,结合具体实例形式分析了网易云音乐相关接口调用与操作技巧,需要的朋友可以参考下2019-02-02
在VSCode中添加好用的插件可以提高我们的开发效率,这些可以帮助我们格式化,扩充性,执行最佳实践的代码方式,自动完成一些琐碎的事情,下面这篇文章主要给大家推荐介绍了关于Vue3开发必备的六个VSCode插件,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了Vue 权限控制的两种方法(路由验证)，每种方法给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-08-08
页面在鼠标悬停(不动)n秒之后,页面进行相应的事件,下面这篇文章主要给大家介绍了关于vue鼠标悬停事件监听的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
vue-cli或vue项目利用HBuilder打包成移动端app操作
这篇文章主要介绍了vue-cli或vue项目利用HBuilder打包成移动端app操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了vuejs-手把手教你写一个完整的购物车实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
element中el-container容器与div布局区分详解
这篇文章主要介绍了element中el-container容器与div布局区分详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
vue cli3.0结合echarts3.0与地图的使用方法示例
这篇文章主要给大家介绍了关于vue cli3.0结合echarts3.0与地图的使用方法，文中通过示例代码介绍的非常详细，对大家学习或者使用vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-03-03
最新评论