如何更改vue项目运行的端口号

最新推荐文章于 2024-05-13 17:54:31 发布
最新推荐文章于 2024-05-13 17:54:31 发布
阅读量2.6w 收藏 2
点赞数
分类专栏： vue

记录下如何更改vue项目运行的端口号

 

　　使用webpack创建的vue项目，端口号默认是8080，可是不想用8080做项目的端口号怎么办？？

 

　　1、找到项目对应的 config 文件夹里的 index.js ,此时可以看到项目配置了 port:8080

 

　　运行时，端口号就是8080：

 

　　　　

　　　　2、修改该值，比如修改为4040

　　　　好了，如此简单

分类:  javaScript
Sky786905664
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue.js更改调试地址端口号的实例
10-18
但当我们需要同时运行多个Vue项目或有其他服务占用相同端口时，就需要修改这个端口号。 首先，我们查看项目根目录下的`package.json`文件，这是项目的主要配置文件。在`scripts`部分，可以看到`dev`和`start`命令...
4. Vue入门实战教程之vue-element-admin后端API适配
极客星云-CSDN博客
08-11 5897
Vue入门实战教程之vue-element-admin后端API适配
记一次：vue打包后实现修改接口地址
weixin_44843663的博客
08-20 801
因为项目为局域网下，涉及到多地部署，会有多个ip，但是如果每次更改，每次都得帮着打包太麻烦，本人太懒，网上查询资料。找到多种方式。 一：利用 generate-asset-webpack-plugin 插件 使用 generate-asset-webpack-plugin 插件，配置一大堆文件，通过请求获取数据，安全性高，但过程麻烦 二：利用public下的文件不会被打包的原理 在pubic下生成一个json文件，在封装的axios中用原生ajax请求去获取json文件，根据自定义的环境来设置接口地址 js
2024年前端最新vue修改端口号(2)，web前端面试题库
最新发布
yjqdn82212的博客
05-13 506
这个path是干嘛的呢，看到名字就应该能立刻反应过来与配置有关3.于是打开打开config目录下的index.js，可以看到下面这串代码：dev: {// PathsautoOpenBrowser: false, //是否build之后自动打开浏览器/***/mayhelp在上面这串代码里的port，就是我们要修改的端口号。
016-Vue-黑马2023：前后端分离开发(在线接口文档)，前端工程化、Element、vue编写一个完成页面、Vue路由、vue打包部署到nginx
aa35434的博客
01-16 851
第三节 前后端分离开发 1、介绍 开发模式 前后端混合开发：传统开发模式 前后端分离开发：当前最为主流的开发模式 页面原型+需求案例：分析出接口文档 离线开发文档示例： 2、YAPI 在线接口文档管理平台： 介绍：YApi 是高效、易用、功能强大的 api 管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务 地址： http://yapi.smart-xwork.cn/ 2个功能： API接口管理 Mock服务：通过YAPI平台模拟真实接口，生成接口的模拟测试数据，
Vue打包后文件的接口地址配置的方法
weixin_38499606的博客
10-29 7707
背景 常规的vue项目分为本地开发环境和生产环境，在实际项目中，我们在打包之前在.env文件中进行地址配置然后进行打包（vue.config.js文件在开发环境中有效，打包后无效），但在部署过程中地址是不固定的，那么就需要进行动态配置，而不是每次都重新构建代码 第一步：在public中新建config.js文件，用来配置接口地址 在config.js文件中写入 var ipConfig = { baseUrl: 'http://192.168.10.52:9999' } 第二步：在pu.
vue打包之后，可以进行修改配置后端地址、端口等信息方法
用心,承载未来
04-12 5409
用vue-cli构建的项目通常是采用前后端分离的开发模式，也就是前端与后台完全分离，此时就需要将后台接口地址打包进项目中，但是，难道我们只是改个接口地址也要重新打包吗？当然不行了，那就太麻烦了，怎么解决呢？本文推荐俩种方式。
vue修改vue项目运行端口号的方法
12-10
一、导语 最近在研究，左侧是导航，右侧是显示对应的内容，左右可单独滚动，不...记录下如何更改vue项目运行的端口号 使用webpack创建的vue项目，端口号默认是8080，可是不想用8080做项目的端口号怎么办？？ 1、找到项
Vue修改项目启动端口号方法
10-16
保存以上修改后，当你运行`npm start`或`yarn start`时，项目将使用新设定的端口号启动。如果想要在特定端口上启动项目，也可以在命令行中指定`PORT`环境变量，如`PORT=8090 npm start`。 请注意，如果你的项目...
Vue专题（三）vue项目启动端口更改
XueZePeng18729875380的博客
03-15 3991
1. Vue项目的默认端口是8080，不修改的情况下启动项目之后端口就是8080，若8080端口已经被占用了，端口号会进行递增。2. 在config文件夹下的index.js文件中可以进行配置。更改port的值，重新运行项目即可。
vue启动项目时指定端口的方法
Jeasu_0908的博客
01-20 1万+
vue启动项目时临时修改端口的方法 方法一：通过修改根目录下的vue.config.js配置文件 module.exports = { devServer: { port: 3000, // 端口 }, // lintOnSave: false // 取消 eslint 验证 } 方法二：通过vue项目启动命令 在这里插入代码片 ...
Vue: 修改Vue项目运行端口号
RaySunWHUT
11-25 1万+
修改Vue项目运行的端口号 在Vue项目下的vue.config.js增加如下配置： module.exports = { devServer: { port: 8081 // 此处修改你想要的端口号 } } 重启项目，即可。 ...
vue修改启动项目的端口号
热门推荐
渴望飞的鱼的博客
11-01 1万+
有时候启动其他tomcat等端口号会冲突，那么需要修改下端口号。 启动项目。默认端口号：8080 http://localhost:8080/#/   修改方法： （1）打开项目路径——找到cofig文件——修改index.js文件 （用记事本打开会十分乱，建议用nopad或者其他编辑器打开，格式美观一点） （2）修改端口号 （3）保存，重启即可。 进入文档路径——启...
使用vue-cli3脚手架工具更改运行的端口号
编程之路
09-24 975
首先在根目录下创建vue.config.js文件 然后添加 module.exports = { devServer: { proxy: ‘http://localhost:4000’, port: 9000 } } 端口就修改成9000了。 官方文档https://cli.vuejs.org/zh/config/#devserver也可以查看 ...
vue开发环境修改本地启动的端口号和开启https
u012031958的博客
06-23 6665
categories: [前端,vue] thumbnail: /images/fe/leetcode.jpg toc: true vue开发环境修改本地启动的端口号 当我们使用脚手架搭建项目时，react当中开发环境默认端口号是3000，vue是8080，我们也可以手动修改这个端口号。 VUE 2.X config文件夹中有一个index.js其中部分内容如下，port即为端口号，在这里更改即可。 module.exports = { dev: { env: require('./
Vue修改运行端口号
weixin_43795169的博客
03-26 5442
Vue修改运行端口号 解决方法：在package.json文件中进行配置，如配置port 为3090 "scripts": { "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot --port 3090", "build": "cross-env NODE_ENV=production web...
Vue3-修改端口号
流楚丶格念的博客
06-17 3553
在图形界面中更改参数 方法三 在运行项目的时候追加端口号 方法四 在根目录下新建一个vue.config.js文件（和package.json同一目录） ，内容如下 方法五 端口文件存放目录为：node_modules/@vue/cli-service/lib/commands/serve.js 优先级：方法一>方法二=方法三>方法四>方法五如果方法二和方法三同时使用，且端口号设置不同，就会报错...
vue 3.4x以上如何改变项目运行端口号
我的博客
01-27 1553
我用3.4版本的vue-cli构建了一个vue项目，然后我想修改项目运行之后的访问端口 在网上查了一下，很多都是2.0+的版本，查来查去都说是什么在 config目录下index.js文件中修改端口号。。。。。。。 都抄来抄去的 新的vue项目目录结构下并没有config文件夹  只好自己找，我们...
vue-cli 3.4版本的vue项目,修改运行端口号，适用于新的vue目录结构
godelgnis的博客
03-22 5354
我用3.4版本的vue-cli构建了一个vue项目，然后我想修改项目运行之后的访问端口 在网上查了一下，很多都是2.0+的版本，查来查去都说是什么在 config目录下index.js文件中修改端口号。。。。。。。 都抄来抄去的 新的vue项目目录结构下并没有config文件夹 只好自己找，我们先运行项目 发现项目运行了这样的一个命令 百度一下,进入官网 ...
怎么修改vue项目的启动端口号
12-14
以下是修改Vue项目启动端口号的方法： 1. 在package.json文件中添加"start"命令，例如将端口号改为8888： ```json "scripts": { "start": "vue-cli-service serve --port 8888" } ``` 2. 在命令行中运行npm run start即可启动项目并使用新的端口号。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值