- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- vue前后端端口不一致怎么办，有何处理方法
vue前后端端口不一致怎么办，有何处理方法
Admin 2022-05-24 群英技术资讯 733 次浏览
这篇文章主要讲解了“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前后端端口不一致怎么办，有何处理方法"的内容，大家可以关注群英网络的其它相关文章。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
Vue Element前端应用开发之表格列表展示
常规的列表展示界面，一般分为几个区域，一个是查询区域，一个是列表展示区域，一个是底部的分页组件区域。查询区域主要针对常规条件进行布局，以及增加一些全局或者批量的操作，如导入、导出、添加、批量添加、批量删除等按钮
-
什么是异常数据，如何对异常数据采集及处理
目录前言什么是异常数据？接口异常拦截器中捕获异常前端异常为啥不用 window.onerror ？异常处理函数处理接口异常处理前端异常获取环境数据在 Vue 中在 React 中总结前言前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们
-
Node中stream流模块的概念及用法是什么
本篇文章带大家详细理解一下Nodejs中的stream流模块，介绍一下stream流概念及用法，希望对大家有所帮助！
-
用JS怎样写添加表格和删除功能，代码是什么
这篇文章主要为大家详细介绍了js动态实现表格添加和删除操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
-
基于vue框架如何实现手机号码直接注册登录
这篇文章主要为大家详细介绍了用vue实现注册页，短信验证码登录，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
