vue启动项目时指定端口的方法

最新推荐文章于 2024-10-13 15:54:30 发布

Jeasu_0908

最新推荐文章于 2024-10-13 15:54:30 发布

阅读量1.2w

点赞数 5

分类专栏： vue/vue-cli npm 文章标签：前端 npm vue

本文链接：https://blog.csdn.net/jeasu_0908/article/details/122583100

版权

vue/vue-cli 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

npm

1 篇文章 0 订阅

订阅专栏

vue启动项目时临时修改端口的方法

方法一：通过修改根目录下的vue.config.js配置文件

module.exports = {
  devServer: {
    port: 3000, // 端口
  },
  // lintOnSave: false // 取消 eslint 验证
}

方法二：通过vue项目启动命令

//npm run serve -- --port 端口号  例：
npm run serve -- --port 8081

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Jeasu_0908

关注关注

5
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue项目启动固定端口号

tsqjxy的博客

06-22

2160

1，在vue.config.js中配置，有一个port方法。代码如下： port该端口号。host能用ip访问页面。https协议。proxy代理。详细配置可看网站：如果需要观看其他的配置选项：https://www.jianshu.com/p/b358a91bdf2d关于proxy的基本用法：https://www.jianshu.com/p/f489e7764cb8...

Vue-cli————快速入门（02）——Vue项目创建、启动、端口配置

JianChiGuoFuHao的博客

04-17

472

NPM是一个脚本，如果下载了这个脚本下方没有NPM这个界面，可以在VS Code时间线上方的资源管理器右边的三个点中选中，如果资源管理器中没有，这里建议重新打开VS Code（因为我的就是这样）输入项目名称——包管理器（由于使用的NodeJS环境所以选择npm）——初始化Git仓库给关掉(其他的都不用管)点击下一步——选择当前所使用的vue版本（我使用的2×）——第二个是选择语法检测规范直接选择第一个。点击下一步——（选择插件的功能）我只打开了Router，也就是vue当中的路由功能。

参与评论您还未登录，请先登录后发表或查看评论

Vue修改项目启动端口号

asing1elife's blog

09-23

6473

Vue项目启动时默认端口号是8080，如果要启动多个项目就会发生冲突，通过以下方式可修改默认端口号更多精彩更多技术博客，请移步 asing1elife’s blog 在项目的package.json中可以找到如下代码 start属性指定的文件就是通过开发模式启动的服务文件 "scripts": { "dev": "node build/dev-server.js", "st...

JavaWeb——前端工程化（2/3）：Vue项目简介（创建、目录结构、启动、配置端口）

li13437542099的博客

09-22

746

有两种主要的创建方式可供选择。一是通过命令行输入“vue create vue-project01”，这种方式简洁直接。二是使用图形化界面，输入“vue ui ”，这种方式直观便捷，也是推荐的创建方式。命令行：vue create vue-project01图形化界面：vue ui （推荐）在VSCode终端执行命令：如果运行时遇到报错：按照上一篇的安装流程下来，则可能是还未重启VSCode，重启之后再次执行即可。

npm run dev 启动vue的时候指定端口

ZHENGCHUNJUN的博客

01-18

4143

通过参数来指定 Vue CLI 的开发服务器使用的端口号。使用的是 Vue CLI 来创建和管理 Vue 项目，确保在命令行中正确输入命令，并替换成您想要的端口号。来指定启动的端口号。可以通过设置 --port。进入您的 Vue 项目目录。这样，您就可以在运行。

vue项目指定运行时占用的端口

weixin_45966674的博客

03-28

1550

正常情况下我们启动vue项目他会自动选择 http://localhost:8080/ 如果 8080被占用他就会用 8081 然后再被占用就是8082 以此类推。这里我们指定他运行在 82端口当然 82被占用后他也会去 83。我们可以在项目跟目录创建vue.config.js。vue.config.js参考代码如下。

Vue项目--启动和配置端口

最新发布

qq_61996308的博客

10-13

178

配置修改端口

Vue项目-配置端口

m0_60946919的博客

07-02

799

选中vue.config.js文件。修改端口号为7000成功！

如何给Vue项目指定端口号

jakelihua

09-02

845

简介：如何给Vue项目指定端口号.

Vue修改项目启动端口号方法

10-16

如果想要在特定端口上启动项目，也可以在命令行中指定`PORT`环境变量，如`PORT=8090 npm start`。请注意，如果你的项目使用了`vue-cli`生成，那么可能还需要检查`vue.config.js`（如果存在的话），因为某些版本的...

vue.js如何更改默认端口号8080为指定端口的方法

12-10

保存更改后，重新运行`npm run dev`，你的Vue项目就会在新指定的端口上启动。如果需要在项目中改变其他配置，如代理设置、静态资源路径等，也可以在`config/index.js`中找到相应的选项进行调整。总之，更改Vue.js...

vue项目默认端口号

m0_55477902的博客

01-18

2404

本地启动vue项目时，明明在vue.config.js中配置的端口号为默认的80，但启动后端口号总是从1024开始，如果被占用则会在占用的端口号上+1，一直没想通，最近才知道原来mac os的默认端口号windows不同。在mac os中，非root用户是无法使用小于1024的常用端口的。如果小于1024端口，会从1024开始。vue项目如果要自定义端口号，有几种方式。

Vue专题（三）vue项目启动端口更改

XueZePeng18729875380的博客

03-15

4110

1. Vue项目的默认端口是8080，不修改的情况下启动项目之后端口就是8080，若8080端口已经被占用了，端口号会进行递增。2. 在config文件夹下的index.js文件中可以进行配置。更改port的值，重新运行项目即可。

Vue项目自定义host端口

meis27461的博客

12-25

9801

默认vue的项目是8080端口，可以在vue.config.js中配置，如果没有就在项目根目录创建一个还有很多其他选项，具体可以看webpack的文档，这里省略一下 vue.config.js module.exports = { devServer: { host: "free.iule.net", //指定要使用的 host port: 80, //指定端口号以侦听 hotOnly: false, //启用热模块替换，而无需页面刷新作为

vue、java实现前后端分离（vue自定义端口号，加入element-ui，安装axios。自动生成java代码）

weixin_47735032的博客

01-05

2299

在已创建好的vue项目里打开vue.config.js,写入devServer:{ port:8088 }，端口号可以自己定在命令窗口启动一下vue项目，可以看到端口号已经改了在命令窗口执行 npm i element-ui在src中找到maiin.js，添加图中的代码，一二行是引入element-ui所需要的文件，第三行是使用element-ui引用axiospom配置 <parent> <groupId>org.springframework.boot</grou

Vue·修改启动端口

qq_43308318的博客

05-27

6066

Vue·修改启动端口项目根目录下或src目录下新建vue.config.js文件 **注：配置完成保存后，退出重启项目才会生效** 项目启动后会默认加载此配置文件信息如图：位置：vue2-manage-v\vue.config.js // 如果改变就需要重启项目 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/', outputDir: 'dist

vue修改指定端口

m0_56419249的博客

12-16

1928

vue修改指定端口

vue指定临时启用端口

月来better

03-07

441

npm run serve -- --port 8089 或： port=8089npm run serve

vite创建vue3项目修改默认端口

08-28

要在Vite中创建一个Vue 3项目并修改默认端口，您可以按照以下步骤进行操作： 1. 首先，确保您已经安装了最新版本的Node.js和npm。 2. 打开命令行工具，并进入您想要创建项目的目录。 3. 运行以下命令来全局安装Vite： ``` npm install -g create-vite ``` 4. 等待安装完成后，运行以下命令来创建一个新的Vue 3项目： ``` create-vite <project-name> ``` 注意：将 `<project-name>` 替换为您想要为项目指定的名称。 5. 进入新创建的项目目录： ``` cd <project-name> ``` 6. 现在，您可以通过运行以下命令来启动开发服务器： ``` npm run dev ``` 默认情况下，Vite会使用 localhost:3000 的端口。 7. 要修改默认端口，您可以在项目根目录下创建一个名为 `vite.config.js` 的文件，并将以下内容添加到文件中： ```javascript module.exports = { server: { port: <your-port-number> } } ``` 将 `<your-port-number>` 替换为您想要使用的端口号。 8. 保存并关闭 `vite.config.js` 文件。 9. 重新启动开发服务器，以使更改生效。现在，您应该能够在指定的端口上访问您的Vue 3项目了。