Vue2.0项目指定启动、打包端口

最新推荐文章于 2024-07-02 14:30:58 发布
原创 最新推荐文章于 2024-07-02 14:30:58 发布 · 1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #json #vue.js

这篇博客介绍了如何在Vue项目的package.json文件中，针对`serve`和`build`脚本自定义设置端口号。通过修改`scripts`对象，将端口号设置为8891，确保开发和构建过程中应用运行在指定端口上。

打开项目目录中的package.json文件

在scripts 中的serve以及build中设置端口号


  "name": "vue-Test",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve --port 8891",
    "build": "vue-cli-service build --port 8891"
  },

Vue2.0 | 将项目打包成exe文件
FSYML
02-01 1732
摘要：本篇详细介绍如何使用 pkg 插件将 Vue 项目打包成 exe 文件。
部署vue2.0项目全过程
Xyt1737的博客
10-22 3011
目录 1. 从后台拿到项目所需的sql包和jar包 2. 使用Navicat for MySQL部署sql包 1. 在自己的云服务器上开放3306端口，以及本次项目所需要开放的端口号(假设为8002) 2. 在MySQL里新建连接(自己设置密码，复杂点，以防有人攻击数据库) 3. 在新创建的连接里新建数据库(数据库名由后台提供) 4. 在新数据库里的表里运行sql文件(不显示表的话刷新一下) 5. 点击用户，新建用户(用户名和密码由后台提供)，并赋权 3. 在cmd或者Xshell里使用
vue.js如何更改默认端口号8080为指定端口的方法
10-19
本篇文章主要介绍了vue.js如何更改默认端口号8080为指定端口的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue2.0 中文API
12-13
Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单，本教程基于 Vue 2.1.8 版本测试。
vue2版本设置启动端口
qq_14993591的博客
08-08 1301
scripts是启动命令的意思，平常我们写的npm run serve入口都是在这。–open是让项目启动直接打开浏览器，同时url就是项目的启动页面。–port 是设置端口的意思。
修改Vue2项目运行端口号配置后端代理
qq_53154643的博客
05-09 1904
【代码】修改Vue2项目运行端口号配置后端代理。
Vue 2.0 项目开发实践入门指南
本节总结了 Vue 2.0 开发实践的入门知识，包括 Vue 2.0 项目结构、Webpack 基本知识点、Vue-cli 安装和使用、项目预览和项目配置。这些知识点将帮助读者快速了解 Vue 2.0 的基本概念和使用方法，为后续的学习和实践...
商城类vue2.0项目实战经验积累
darkcity_X的博客
03-28 3061
商城类vue项目实战经验积累一、项目搭建相关二、项目成功搭建后的基础配置1、打包后可正常访问项目的基础配置2、如何去掉url中#3、添加路由守卫4、路由component引用的es6简化5、vuex状态管理6、第三方插件axios的引用及封装7、本地请求接口时的跨域配置功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格...
详解关于vue2.0工程发布上线操作步骤
10-17
Vue2.0工程发布上线操作步骤涉及到一系列的技术操作，包括前端工程的配置、打包以及部署等关键环节。 首先，我们需要了解vue工程配置部分的意义。Vue项目通常以"vue-cli"工具创建，该工具会生成一个标准的项目结构...
vue指定端口运行
u012497072的博客
12-22 408
修改config 下index.js的port属性就行 参见：https://www.cnblogs.com/atjinna/p/6907369.html
vue项目指定运行时占用的端口
weixin_45966674的博客
03-28 1777
正常情况下 我们启动vue项目 他会自动选择 http://localhost:8080/ 如果 8080被占用 他就会用 8081 然后再被占用就是8082 以此类推。这里 我们指定他运行在 82端口 当然 82被占用后 他也会去 83。我们可以在项目跟目录创建vue.config.js。vue.config.js参考代码如下。
vue项目默认端口号
m0_55477902的博客
01-18 3310
本地启动vue项目时，明明在vue.config.js中配置的端口号为默认的80，但启动后端口号总是从1024开始，如果被占用则会在占用的端口号上+1，一直没想通，最近才知道原来mac os的默认端口号windows不同。在mac os中，非root用户是无法使用小于1024的常用端口的。如果小于1024端口，会从1024开始。vue项目如果要自定义端口号，有几种方式。
vue启动项目时指定端口的方法
热门推荐
Jeasu_0908的博客
01-20 1万+
vue启动项目时临时修改端口的方法 方法一：通过修改根目录下的vue.config.js配置文件 module.exports = { devServer: { port: 3000, // 端口 }, // lintOnSave: false // 取消 eslint 验证 } 方法二：通过vue项目启动命令 在这里插入代码片 ...
如何给Vue项目指定端口号
jakelihua
09-02 1006
简介：如何给Vue项目指定端口号.
npm run dev 启动vue的时候指定端口
ZHENGCHUNJUN的博客
01-18 7200
通过参数来指定 Vue CLI 的开发服务器使用的端口号。使用的是 Vue CLI 来创建和管理 Vue 项目，确保在命令行中正确输入命令，并替换成您想要的端口号。来指定启动的端口号。可以通过设置 --port。进入您的 Vue 项目目录。这样，您就可以在运行。
Vue项目-配置端口
最新发布
m0_60946919的博客
07-02 1180
选中vue.config.js文件。修改端口号为7000成功！
vue cli 3.0设置指定端口号运行
橙-极纪元-JJYCheng
03-05 2773
转载：https://www.cnblogs.com/gitByLegend/p/11124399.html 在项目根目录创建vue.config.js文件 module.exports = { devServer: { port: 3000, // 端口 }, // lintOnSave: false // 取消 eslint 验证 }
Vue项目自定义host端口
meis27461的博客
12-25 9973
默认vue的项目是8080端口，可以在vue.config.js中配置，如果没有就在项目根目录创建一个 还有很多其他选项，具体可以看webpack的文档，这里省略一下 vue.config.js module.exports = { devServer: { host: "free.iule.net", //指定要使用的 host port: 80, //指定端口号以侦听 hotOnly: false, //启用热模块替换，而无需页面刷新作为
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值