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路由跳转自动定位在哪里(Vue路由this.route.push跳转页面不刷新的解决方案)
- vue如何检查数组变化(Vue2中无法检测到数组变动的原因及解决)
- vue子视图里再加routerview(vue router-view的嵌套显示实现)
- vue表单上传图片数据(vue-cropper插件实现图片截取上传组件封装)
- vue elementui 公共列表组件(Vue Element-ui表单校验规则实现)
- vue-websocket 组件教程(Vue+express+Socket实现聊天功能)
- vue 实现吸顶效果(vue实现水波涟漪效果的点击反馈指令)
- vue element 表格上拉加载数据(Vue组件库ElementUI实现表格加载树形数据教程)
- vue切换图片效果(Vue.js实现图片切换功能)
- vue 路由的两种模式(Vue3使用路由VueRouter4的简单示例)
- vue如何获取元素(vue第一次获取不到元素的解决方法记录)
- vuevlog制作软件(Vue实现Dialog封装)
- vue怎么实现预览与放大(Vue实现牌面翻转效果)
- vue商城购物车数据(vue实现购物车全部功能的简单方法)
- vueelementui动态表格(Vue Element前端应用开发之常规的JS处理函数)
- vuecli项目入门(vue-cli4.5.x快速搭建项目)
- 网红直播可以赚很多钱吗(网红直播可以赚很多钱吗)
- 今天是什么日子(今天是什么日子有什么特殊意义吗)
- 这里输入关键词(怎么输入关键词搜索)
- 34岁的舒畅,就这样走到了末路,不知会不会后悔15年前的草率决定(就这样走到了末路)
- 不走心的古装造型 舒畅 毁容式 出演,萧蔷雷出新高度(不走心的古装造型)
- 嘉南传 第22集(嘉南传第22集)
热门推荐
- dedecms添加文档(Dedecms自定义模型解决会员无法投稿的方法)
- php怎么设计策略模式(php设计模式之策略模式应用案例详解)
- php常见的数组函数(用php定义一个数组最简单的方法)
- docker容器如何更改tomcat端口(Docker方式启动tomcat访问首页出现404错误)
- 手机网站设计的几个建议
- dedecms安全验证(dede验证码错误 dede验证码一直提示错误的解决方法)
- docker怎么设置远程访问(Docker开启远程访问的实现方式)
- iframe跨域获取标签(iframe跨域的几种常用方法)
- iis服务器如何设置多个网站(云服务器怎么设置404页面IIS7)
- 通过接口访问mysql数据库(使用mysql记录从url返回的http GET请求数据操作)