Vue2更改访问端口号

已于 2022-09-22 17:38:18 修改
阅读量1.9k 收藏 10
点赞数 2
分类专栏： web学习笔记总结 文章标签： vue.js npm node.js
于 2022-08-18 17:58:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51012090/article/details/126411023
版权

步骤

  1. 找到package.json文件

  2. 在下面的代码中进行修改，代码如下

"scripts": {
    "serve": "vue-cli-service serve --port 8888",
  },

结果

添加了以上的代码就可以实现vue2自定义访问端口号为8888.

油腻的老码
关注
  • 2
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目在线上服务器访问失败原因分析
11-20
珊妹儿遇到一个奇葩问题哈，跟大家伙来分享分享，首先因为刚接手的项目，我还没有线上服务器的连接信息，前端代码都是我打包好给别人，...补充知识：vue项目在使用ip地址加端口号不能访问时 修改package.json文件的scri
vue-cli启动本地服务局域网不能访问的原因分析
01-19
2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问地址是localhost:端口号 3.改正的方式  找到config文件夹下的index.js文件,修改host:“localhost”为 host:”0.0.0.0″,...
基于vue2+Mysql+nodejs+express+element-ui的前后端分离图书管理系统源码.zip
07-05
【资源说明】 该项目是个人毕设项目源码，评审分达到95分，都经过严格调试，确保可以运行！放心下载使用。 该项目资源主要针对计算机、自动化等相关专业的学生或从业者下载使用，也可作为期末课程设计、课程大作业、毕业设计等。 具有较高的学习借鉴价值！基础能力强的可以在此基础上修改调整，以实现类似其他功能。 基于vue2+Mysql+nodejs+express+element-ui的前后端分离图书管理系统 使用步骤: 本地运行方法  1.新建一个名为books_manage_system的数据库  2.将node目录下books_manage_system.sql文件导入到该数据库中，  3.在node/sql/booksystem.js文件内根据自己的数据库情况进行修改  4.运行后台  5.运行前台  6.打开提示的网址既可运行  7.如需通过ip地址访问，请在vue.config.js文件中修改配置 打包运行，及线上运行方法：  1.将根目录下books_manage_system.sql文件导入到数据库中  2.在node/sql/booksystem.js文件内根据自己的数据库情况进行修改  3.在books文件夹和node文件夹下分别执行npm install安装插件  4.注释掉books/src/network/request.js文件中的第4行代码  5.在books文件夹下执行npm run build打包前端文件，打包完成后将该目录新增的dist文件夹复制到node文件夹中  6.打包完成后将dist文件夹复制到node文件夹下  7.将node文件夹下baseURL.js文件中的ip地址，修改为自己电脑的IP，否则线上运行时，会导致部分图片无法访问  8.在node文件夹下执行node index.js  9.之后在处于同一网络中的设备下，输入ip及端口号即可访问页面
vue2版本设置启动端口，保姆式教学
星空的日常博客，希望日常能给你帮助
03-01 3198
vue2版本设置启动端口，保姆式教学
Vue·修改启动端口
qq_43308318的博客
05-27 5664
Vue·修改启动端口 项目根目录下或src目录下新建vue.config.js文件 **注：配置完成保存后，退出重启项目才会生效** 项目启动后会默认加载此配置文件信息 如图： 位置：vue2-manage-v\vue.config.js // 如果改变就需要重启项目 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/', outputDir: 'dist
vue默认端口号(port:8080)修改
热门推荐
qq_45594237的博客
03-29 2万+
工作中可能存在启动多个项目的时候，默认端口号会被占，导致启动错误，这种情况下把要启动的项目的端口号换掉，启动未用的端口就可以了，具体实现如下： 一 .vue-cli2 方式1. vue-cli2中端口文件存放目录为：根目录下/config/index.js // Various Dev Server settings host: 'localhost', // can be overwritten by process.env.HOST port: 80, // can be overw.
修改Vue项目运行的IP和端口
见证自己学习,成长的记录
02-09 6933
我们在使用VsCode启动Vue项目的时候，我发现：默认的端口号好像和tomcat一样，默认都是8080，如果8080被占用了，就会使用8081,8082这样的方式以此类推。那么，我们是否可以像后端一样，通过修改port属性的方式达到修改运行端口的方式呢？其实还是很简单的。这个vue.config.js和springboot的application配置文件是一个道理，需要修改项目什么东西就直接在里面改。注意语法就好啦！以后遇到其他的配置语法，会持续更新！
Vue2：vue-admin-template项目修改访问端口和网站名（人力资源项目）
背心的博客
10-25 3410
Vue2：vue-admin-template项目修改访问端口和网站名（人力资源项目）
vue2 通过设置devServer.port端口号，启动测试服务后端口失效/自动切换端口
经验之谈，不做搬运工
04-28 318
vue2 设置端口号小于1990（通过设置devServer.port） 启动测试服务后端口失效/自动切换端口。
vue2项目配置“代理”、“端口”、“打包名”、“使用@”、“图片压缩”
bestyinjun的专栏
07-24 1360
vue2项目配置“代理”、“端口”、“打包名”、“使用@”、“图片压缩”
Vue跨域问题
小王同学
01-11 569
问题描述： 在开发播放器过程中，调用酷狗音乐的接口获取数据，但是浏览器报错。 因为浏览器的同源机制导致跨域问题。 什么是跨域问题呢？ 由于浏览器的同源机制。当前页面访问的域名，协议，端口号有一个不一致就会导致跨域。虽然跨域了，但是后端服务器还是返回了数据，浏览器发现跨域，为了安全会阻止数据移交。 怎么解决 1.jsonp：利用<script>标签向不同域发送HTTP请求。 2.本地代理 浏览器是禁止跨域，但是服务器不禁止，所以前端在本地启动一个服务，作为请求的对象。在
vue打包怎么在外部配置文件（端口），并可以动态访问端口地址（输入什么就访问什么）
buchishutiao的博客
02-05 2273
需求：每次修改程序会很麻烦，需要我们在打包的时候生成配置文件，直接修改文件就可以改变端口。1.首先在打包的目录static下创建config.js文件。3.还在此目录下的index.html引用config.js。但是我是在项目的更目录加的 打包完之后这里也会出现引用的。2.config.js文件内容（加双引号）4.定义全局变量global.js。5.在main.js中引用。7.打包后就可以读取了。
完美解决通过IP地址访问VUE项目的问题
01-21
第一步 1.将config里面的host设置成0.0.0.0 host: ‘0.0.0.0’, 2.修改package.json scripts: { start: cross-env NODE_ENV=development webpack-dev...3.查看开发机的ip地址，并告诉给其他小伙伴，还有端口号 补充
Vue项目的创建、运行与端口号修改
qq_51688022的博客
11-25 968
详细讲解了Vue的安装下载，项目的创建，运行与访问端口号修改
修改vue2.0的端口，vue项目的真机调试
加菲猫的鳄鱼的博客
05-05 1818
在某些时候，我们vue默认的端口会与其他服务器端口重复，此时我们需要修改vue端口，我用的是vue+webpack开发的，因此我们可以找到vue文件下的config文件夹，再找到index.js文件，我们找到port会看到它后面跟随了8080，此时我们把8080修改为我们想要修改的端口号就行 在我们完成项目的时候，想用真机来测试vue项目时，我们需要保证当前电脑和手机使用同一个局域网（...
vue修改启动项目的端口号
渴望飞的鱼的博客
11-01 1万+
有时候启动其他tomcat等端口号会冲突，那么需要修改下端口号。 启动项目。默认端口号：8080 http://localhost:8080/#/   修改方法： （1）打开项目路径——找到cofig文件——修改index.js文件 （用记事本打开会十分乱，建议用nopad或者其他编辑器打开，格式美观一点） （2）修改端口号 （3）保存，重启即可。 进入文档路径——启...
Vue2.0项目指定启动、打包端口
Su7148的博客
12-22 832
Vue2.0项目指定启动、打包端口
WEB转Flutter基础学习笔记（内含vue和flutter对比）
最新发布
小易不止于搬砖的博客
05-17 668
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1108
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
vue3+typescript，设置整个项目的默认访问ip及端口号
06-08
在 Vue3 + TypeScript 项目中，你可以使用 axios 和 vue-axios 库来设置整个项目的默认访问IP和端口号。具体步骤如下： 1. 安装 axios 和 vue-axios 库。 ``` npm install axios vue-axios --save ``` 2. 在 main...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值