vue端口号是什么原理(解决vue前后端端口不一致的问题)
类别:编程学习 浏览量:2585
时间:2021-10-10 00:31:17 vue端口号是什么原理
解决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 } }},
昨天在自己电脑上运行朋友给的项目,由于他是用vue3.0,而我使用的是vue2.5.2,在运行他的项目时有错误提示,可能版本的问题,本人就照着错误提示去下载插件,结果他的项目好使了,但是自从那次起,每次执行我的项目发现端口号都是不一样
解决办法:
先下载npm install portfinder@1.0.21
重装依赖npm install
重启项目npm run dev
以上为个人经验,希望能给大家一个参考,也希望大家多多支持开心学习网。
您可能感兴趣
- vue创建dom节点(Vue批量更新dom的实现步骤)
- vue 访问后台接口(vue轮询请求解决方案的完整实例)
- vue 修改后刷新(Vue使用三种方法刷新页面)
- vue一个组件两种样式(Vue实现动态样式的多种方法汇总)
- vue 路由的两种模式(Vue3使用路由VueRouter4的简单示例)
- vue可以使用jsx语法吗(vue中正确使用jsx语法的姿势分享)
- vue用手动上传图片(vue上传图片文件的多种实现方法)
- vue左侧边栏的制作(Vue+Vant实现顶部搜索栏)
- 使用vue独立开发组件(vue单文件组件的实现)
- vue中怎么触发复选框的点击事件(vue点击弹窗自动触发点击事件的解决办法模拟场景)
- vue中的mapgetter优势(vuex 中辅助函数mapGetters的基本用法详解)
- vue使用echarts教程(Vue使用echarts可视化组件的方法)
- vue 手机端tab切换页面不刷新(vue Tab切换以及缓存页面处理的几种方式)
- django框架教程第100讲(详解Django+Vue+Docker搭建接口测试平台实战)
- vue自定义列组件(vue自定义表格列的实现过程记录)
- vue统计代码行数(vue实现计数器简单制作)
- 数学语文题目(语文的数学题)
- 香蕉(香蕉三种人不宜吃)
- 没钱可以快乐吗(没钱也能快乐吗)
- 快乐是什么(快乐就是)
- 东南亚有哪个国家(东南亚有哪个国家最发达)
- 东南亚安全吗(好不好挣钱)
热门推荐
- pythonmatplotlib画图流程(python3使用matplotlib绘制条形图)
- python函数式编程源码(python仿evething的文件搜索器实例代码)
- dedecms调用方法(DEDECMS专题制作方法)
- 私有云服务器是什么意思(私有云服务器选择配置的依据是什么?)
- sqlserverselect选择两个参数(SQL SERVER中SELECT和SET赋值相同点与不同点推荐)
- nodejs爬虫(node.js做一个简单的爬虫案例教程)
- vue获取图片并展示(vue卡片式点击切换图片组件使用详解)
- DateTime.ToString 格式化时间字符串
- 腾讯云主机可以挂游戏吗(云主机能挂网络游戏么?)
- 云服务器模式有哪些(私人云服务器用途有哪些?私人云服务器可以做什么?)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9