- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- vue前后端端口不一致怎么办，有何处理方法
vue前后端端口不一致怎么办，有何处理方法
Admin 2022-05-24 群英技术资讯 325 次浏览
这篇文章主要讲解了“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进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
JavaScript中状态容器Redux怎样使用？
今天给大家分享的是JavaScript中状态容器Redux的使用，下文对Redux的使用有很详细的介绍及实例可以参考，感兴趣的朋友可以了解看看，接下来跟随小编来学习一下吧。
-
基于vue框架怎样写顶部滑动导航，方法是什么
这篇文章主要为大家详细介绍了vue实现顶部左右滑动导航，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
-
jQuery替换类样式怎样实现？教你两种方法
这篇文章我们来了解jQuery中实现替换类样式的方法，这里介绍两种方法，分别是addClass()方法和attr()方法，具体怎样实现呢？下文代码介绍的很详细，有需要的朋友可以参考，接下来就跟随小编来一起学习一下吧！
-
element代码弹窗问题的原因和解决步骤
这篇文章主要为大家介绍了element弹窗表格的字体模糊bug解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
-
JS中创建多个对象的方式有几种，哪种好
JavaScript怎么创建多个对象？javascript面向对象创建多个对象的方法，哪个最好用？字面量？工厂模式方法？构造函数方法？原型方法？原型加构造函数方法？进来一看便知。
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
