解决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前后端端口不一致的问题解决

vue keep-alive中的生命周期解读
这篇文章主要介绍了vue keep-alive中的生命周期,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10
UniApp中实现类似锚点定位滚动效果
一个uniapp小程序的项目,我们需要实现一个非常实用的功能——类似于锚点定位的交互效果,即在首页中有多个tab（分类标签）,每个tab对应着不同的模块,当用户点击某个分类的tab时,需要流畅地滚动到对应的内容位置,提供更好的用户体验,
2023-10-10
vue组件之Alert的实现代码
本篇文章主要介绍了vue组件之Alert的实现代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-10-10
vue element修改el-select控件长度style=“width:XXpx“不生效的解决
这篇文章主要介绍了vue element修改el-select控件长度style=“width:XXpx“不生效的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-07-07
vue3.0 vue.config.js 配置基础的路径问题
这篇文章主要介绍了vue3.0 vue.config.js 配置基础的路径问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-10-10
@error函数vue图片加载失败空白页解决方案
这篇文章主要介绍了@error函数vue图片加载失败空白页解决方案，有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-08-08
Vue模板语法中数据绑定的实例代码
这篇文章主要介绍了Vue模板语法中数据绑定的实例代码，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下
2019-05-05
Vue 3.0自定义指令的使用入门
在 Vue 的项目中，我们经常会遇到 v-if、v-show、v-for 或 v-model 这些内置指令，它们为我们提供了不同的功能。除了使用这些内置指令之外，Vue 也允许注册自定义指令。接下来，将使用Vue 3官方文档自定义指令章节中使用的示例，来一步步揭开自定义指令背后的秘密。
2021-05-05
Java获取客户端信息以及IP地址
这篇文章主要为大家详细介绍了如何使用Java获取客户端信息以及IP地址,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
2024-02-02
Electron-vue脚手架改造vue项目的方法
这篇文章主要介绍了Electron-vue脚手架改造vue项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-10-10