vue中本机地址设置错误、端口号被占用

最新推荐文章于 2024-07-02 14:30:58 发布

技术项目经理

最新推荐文章于 2024-07-02 14:30:58 发布

阅读量813

点赞数

分类专栏： web前端 vue常见问题处理文章标签： vue

本文链接：https://blog.csdn.net/weixin_43837268/article/details/84969245

版权

web前端同时被 2 个专栏收录

420 篇文章 10 订阅

订阅专栏

vue常见问题处理

21 篇文章 0 订阅

订阅专栏

1.【问题描述】

`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

2.【解决方案】

在config/index.js中

host: '0.0.0.0', // can be overwritten by process.env.HOST
    port: 8882, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined

把host改成0.0.0.0，端口号改为未被占用的端口，就大工告成

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

技术项目经理

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue脚手架搭建配置试调地址和端口号_vue cli修改端口号 vue修改端口号

weixin_36420089的博客

12-23

2828

vue cli修改端口号 vue修改端口号以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！vue cli+webpack怎么修改默认端口号在webpack.config.js文件里面配置开发服务器devServer: {historyApiFallback: true,noInfo: true,port:9188,//访...

vue项目启动固定端口号

tsqjxy的博客

06-22

2086

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文件解读

远行的博客

10-04

195

1.build/webpack.dev.conf.js中的 const HOST = process.env.HOST配置使网站能通过局域网ip访问到 2.config/index.js中 host: 'localhost', // can be overwritten by process.env.HOST port: 8010, //...

Vue项目启动时报端口被占用的错误

weixin_44093954的博客

09-22

697

vue项目启动不起来，总是报端口占用，最简单的方法就是重启电脑，可是太麻烦了，治标不治本，So… 第一步：打开CMD，运行命令netstat -ano，列出所有端口情况，查看被占用的端口9000并找到它 **第二步：**查看被占用端口对应的PID，输入命令：netstat -aon|findstr “9000”，回车，记下最后一位数字，即PID,这里是6580，继续输入tasklist|findstr “6580”，回车，查看是哪个进程或者程序占用了9000端口，结果是：node.exe **第三步：

Vue项目-配置端口

热门推荐

qq_45594237的博客

03-29

3万+

工作中可能存在启动多个项目的时候，默认端口号会被占，导致启动错误，这种情况下把要启动的项目的端口号换掉，启动未用的端口就可以了，具体实现如下：一 .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+webpack项目接口跨域问题

liona_koukou的博客

11-07

953

1、config文件夹下index.js文件设置proxyTable(proxyTable后面的host可以设置也可以保持默认的localhost) proxyTable: { '/api': { target: 'http://10.xx.xx.xx:8080/renter-server', // 开发环境 // target: 'http://10.xx.xx.xx:8...

vue项目设置服务器地址,vue项目配置后端服务器地址

weixin_28831341的博客

08-09

8589

vue项目配置后端服务器地址内容精选换一换更新后端云服务器，可修改字段为后端云服务器的名称和权重，可以为性能好的服务器设置更大的权重，用来接收更多的流量。如果后端云服务器关联的负载均衡器的provisioning status不是ACTIVE，则不能更新该后端云服务器。PUT /v2.0/lbaas/pools/{pool_id}/members/{member_id}请求样例为指定的VPC通道...

vue3+vite 配置反向代理和跨域设置端口号

weixin_45547638的博客

10-19

3520

在vite.config.ts 文件中直接配置。

vue修改启动的端口和host

weixin_30636089的博客

08-18

2924

打开vue项目（dev） dev/config/ 路径修改index.js文件然后对host和pord修改指定的即可 host: 'localhost', // can be overwritten by process.env.HOST port: 8082, // can be overwritten by process.env.PORT, if port ...

vue的项目启动，我们需要连接其他电脑来跑项目的时候，就需要把ip地址换成需要连接电脑的ip地址。在config文件夹下的index.js的文件里面添加修改

青烟小生的博客

07-20

851

平时的开发中，我们需要连接其他电脑来跑项目的时候，就需要把ip地址换成需要连接电脑的ip地址。在config文件夹下的index.js的文件里面添加修改 dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { target: 'http://192.168.101.153:9099', changeOri

Centos虚拟机vue-cli的项目中把localhost换成自己的IP无法访问

12-10

496

1、修改 config/index.js 的 host 属性为 '0.0.0.0' // Various Dev Server settings host: '0.0.0.0', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined au

vue2.0以后模拟后台数据交互配置

weixin_39728230的博客

05-12

1万+

本人自学前端的菜鸟一枚，最近在跟着做vue2.0以上版本的一个购物平台，在涉及到模拟后台数据交互的时候，总是不由自觉的害怕，因为自己总是配置不好，不是这里出问题就是那里模块少了东西，让我闻后台而色变。这次，跟着做的时候，视频里讲的是通过json-server这个插件和express本身来弄，起初我在网上搜索了很多，总是配置不好，而且之前的配置都是在build/dev-server.js文件夹下，现...

vue项目的访问端口及其设置

easyJob

08-25

7545

一、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 端口占用解决办法

weixin_30808693的博客

09-04

700

---恢复内容开始--- vue 端口占用或者vue端口跟wampserver端口冲突， vue 8080端口占用解决办法一般情况下wampserver 端口也是8080端口，那么肯定会跟vue 所创建的项目端口重复，那么就要修改vue 的8080端口了。在所创建的项目目录下面的；index.js 我的项目是创建在桌面的，所以路径如下：C:\Users\Admini...

vue端口号被占用如何解决

weixin_30718391的博客

02-02

631

vue端口占用问题 1. vue init webpack-simple#1.0 vue-webpack-simple-demo 2. cd vue-webpack-simple-demo 3. cnpm install 4.npm run dev 个人觉得用webpack-simple就可以了,也不那么麻烦如何执行后提示端口号占用打开package...

vue 启动端口被占时处理方法

浮萍的博客

04-17

1762

vue项目设置端口号

09-14

在Vue项目中设置端口号有两种方式：通过命令行参数和通过配置文件。 1. 通过命令行参数：在命令行中启动Vue项目时，可以通过设置 `--port` 参数来指定端口号。例如，要将端口号设置为8080，可以使用以下命令： ``` npm run serve -- --port 8080 ``` 2. 通过配置文件： Vue项目的配置文件是 `vue.config.js`，可以在该文件中设置端口号。如果项目中没有该文件，则需要手动创建。在 `vue.config.js` 中，可以使用 `devServer` 字段来设置端口号。以下是一个示例配置： ```javascript module.exports = { devServer: { port: 8080 } } ``` 在上述示例中，端口号被设置为8080。保存配置文件后，重新启动Vue项目即可生效。注意：如果端口号已被占用，系统会分配一个可用的端口号。建议在开发过程中选择一个未被占用的端口号。