vue设置端口号

最新推荐文章于 2024-09-22 18:59:52 发布
最新推荐文章于 2024-09-22 18:59:52 发布
阅读量1.7w 收藏 12
点赞数 5
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/farme_guan/article/details/105249733
版权

下面介绍下vue-cli2和vue-cli3设置端口号

大家都知道vue-cli2和vue-cli3生成的文件不同，如下图图一为vue-cli、图二为vue-cli3生成的项目文件

下面看下配置文件

3.0启动npm run serve

2.0启动npm run dev

相应的配置端口号如下，vue-cli2配置是在config/index.js下的host里配置，vue-cli3配置是在vue.config.js里的devServer/host配置，如下图

 

设置完成，这边再说下小技巧，有时我们需要用手机访问目前在电脑上开发好的页面，如果每次访问都需要打包就太麻烦了，我们只需要将手机和电脑连接同一个wifi，将图上host设置为0.0.0.0就可以用手机访问了，比如本地ip是192.168.0.1，那么手机上访问的地址将是 192.168.0.1:加上服务的端口号

黑匣子~
关注
专栏目录
Vue修改项目启动端口号方法
01-19
在项目的package.json中可以找到如下代码 start属性指定的文件就是通过开发模式启动的服务文件 scripts: { dev: node build/dev-server.js, start: node build/dev-server.js, build: node build/build.js, lint: eslint --ext .js,.vue src } 在build目录下的dev-server.js中可以找到如下代码 可以发现uri在拼接port接口之前，port接口首先根据是生产还是开发，被赋予了不同的端口号 而开发环境
Vue.js更改调试地址端口号的实例
10-18
`dev`对象中的`port`属性就是我们要找的端口号设置。例如，如果原先是8082，你可以将其更改为一个新的端口号，比如8083。完成修改后，重新运行`npm run dev`，项目就会在指定的新端口上启动。 除了更改端口号，`...
vue修改vue项目运行端口号的方法
08-29
本篇文章主要介绍了vue修改vue项目运行端口号的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vuex的使用
最新发布
2303_80137294的博客
09-22 1212
Vuex 是一个 Vue 的 状态管理工具，状态就是数据。大白话：Vuex 是一个插件，可以帮我们管理 Vue 通用的数据 (多组件共享的数据)。例如：购物车数据 个人信息数actions: {// 一秒后, 给一个数, 去修改 num}, 1000)},
vue配置端口号
qq_40787608的博客
06-16 1215
webpack中vue配置端口号
vue项目配置端口号
xiaoququ的博客
12-13 5912
新建 vue.config.js module.exports = { devServer:{ port:8080, // 端口号的配置 open:true // 自动打开浏览器 } }
Vue项目-配置端口
m0_60946919的博客
07-02 775
选中vue.config.js文件。修改端口号为7000成功！
如何给Vue项目指定端口号
jakelihua
09-02 836
简介：如何给Vue项目指定端口号.
vue.js如何更改默认端口号8080为指定端口的方法
12-10
`path`模块是从Node.js内置的模块引入的，它并不直接与端口号设置相关。实际上，端口号的配置通常在项目的配置文件中，对于Vue项目，这个配置文件通常位于`config/index.js`。 打开`config/index.js`，在`dev`对象...
npm run dev 启动vue的时候指定端口
ZHENGCHUNJUN的博客
01-18 4043
通过参数来指定 Vue CLI 的开发服务器使用的端口号。使用的是 Vue CLI 来创建和管理 Vue 项目，确保在命令行中正确输入命令，并替换成您想要的端口号。来指定启动的端口号。可以通过设置 --port。进入您的 Vue 项目目录。这样，您就可以在运行。
vue配置端口号和自动打开浏览器
xx820702的博客
07-21 356
vue配置端口号和自动打开浏览器
vue项目默认端口号
m0_55477902的博客
01-18 2383
本地启动vue项目时，明明在vue.config.js中配置的端口号为默认的80，但启动后端口号总是从1024开始，如果被占用则会在占用的端口号上+1，一直没想通，最近才知道原来mac os的默认端口号windows不同。在mac os中，非root用户是无法使用小于1024的常用端口的。如果小于1024端口，会从1024开始。vue项目如果要自定义端口号，有几种方式。
Vue项目配置固定端口
lichunjiang_的博客
05-15 3673
Vue项目配置固定端口 解决 我为了使用vue ui，我把我电脑的Vue cli升级到了3.0，所以这个设置是针对vue cli3.0的，然后生成的vue项目都没有vue2.0项目的config目录，那我该怎么配置固定端口呢？ 答：在vue项目根目录下新建vue.config.js文件，加入代码，设置port为自己想要的端口，然后附上我的代码，如下： module.exports = { devServer: { open: process.platform === 'darwi
vue run dev 8080端口被占用
wy01272454的博客
07-25 1万+
vue run dev 8080端口被占用 用vue 官方脚手架vue-cli构建项目容易碰到一些小错误 vue init webpack project-name ...... cd project-name npm install npm run dev 因为vue-cli默认是8080端口,刚好自己目前项目也是在用8080,所以只好去改vue的默认端口啦 找到config目录下的i
Vue 修改端口号
热门推荐
fzy_1939的博客
08-04 1万+
本章主要介绍Vue开发环境修改端口号的几种实现方法，分享给大家，也给大家做一个参考
Vue创建项目过程（vue ui）以及配置端口号 傻瓜教程
好想上浙工大啊
03-10 3541
1.先cd到你需要创建项目的位置， 后进行 vue ui 2.在弹出的Vue项目管理器中点击创建，步骤如下几张图 这边 注意一下，router和vuex打开，Linter关闭 保不保留取决于你，可以保留，这样下次配置就可以省去上面这几步 现在就等待创建完成了， 在命令控制窗口可以看到一直在下准备项目，等待完成即可。 成功后会弹出这个窗口，可能有些电脑会没有 回到之前的vue项目管理器那里，会发现变成了这个页面，成功创建，接下来用ID...
vue-cli项目修改端口号
蒋劲豪的博客
06-28 559
【代码】vue-cli项目修改端口号。
vue项目配置端口号&&关闭代码检查
Willa
09-08 586
vue项目端口号的配置及关闭代码检查
vue项目的访问端口及其设置
easyJob
08-25 7587
一、vue项目的访问端口 vue项目目录下config文件夹中的index.js文件 二、端口变化及其设置 // can be overwritten by process.env.PORT, if port is in use, a free one will be determined ※ 如果不进行端口号修改，默认端口8080，如果端口占用，则会自动调用空闲端口。 ...
vue项目设置端口号
09-14
例如，要将端口号设置为8080，可以使用以下命令： ``` npm run serve -- --port 8080 ``` 2. 通过配置文件： Vue项目的配置文件是 `vue.config.js`，可以在该文件中设置端口号。如果项目中没有该文件，则需要...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值