vue3 vite 创建运行项目 端口5000 没有ip访问地址

已于 2022-06-28 12:09:50 修改
阅读量1.1k 收藏
点赞数
分类专栏： vue3 文章标签： javascript 前端
于 2022-06-28 12:08:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45157073/article/details/125499798
版权
在使用Vue3和Vite创建的项目中，遇到两个主要问题：一是通过npm run dev启动时，默认端口5000无法访问项目；二是尝试使用IP地址访问项目也遇到困难。问题可能与package.json的运行配置和vite.config.js的设置有关。
摘要由CSDN通过智能技术生成

vue3 +vite 运行项目 出现问题
在这里插入图片描述
第一个问题 端口号5000的问题
在这里插入图片描述
上面图片是package.json文件的运行配置 默认 运行 npm run dev 使用npm run serve 会出现端口号5000 访问不到项目

第二个问题 使用ip访问地址
vite.config.js
在这里插入图片描述

	//添加 server
	export default defineConfig({
   
	  plugins: [
最低0.47元/天 解锁文章
奥子
关注
专栏目录
vue3+vite创建项目-（傻瓜式教程）
01-19
本教程将指导你如何使用Vue3和Vite创建一个新的项目，让你轻松入门Vue3的世界。 1. 安装Vite 首先，确保你已经安装了Node.js和npm。在命令行中运行以下命令全局安装Vite： ```bash npm install -g create-vite ```...
vue 启动没有不支持ip，只能localhost
fivestar2009的博客
10-01 701
vue 启动没有不支持ip，只能localhost
vue3 使用 vite 构建的项目打包后无法访问
weixin_46047612的博客
09-17 3180
vue项目build 之后无法访问
Vue3-vite无法通过ip访问-Network: use --host to expose
最新发布
qq_19872493的博客
10-10 284
在根目录打开vite.config.ts 添加如何配置项即可实现局域网通过本地IP访问。未添加server时只能通过localhost访问，局域网队友无法访问。添加server配置项后 局域网都可以访问。
vue3创建项目（五）vite配置端口号
zhangxueyou2223的博客
06-29 7474
Vue3配置代理跨域和服务端口等配置，可以在 vite.config.js 进行配置。(类似用 vue-cli 的 vue.config.js）
Vue3 在vite中运行无法使用外部ip访问
qq_52099965的博客
12-14 2504
Vue3 在vite中运行无法使用外部ip访问
vite-vue3项目使用@别名和自定义端口号以及解决跨域
qq_65142821的博客
03-30 1840
找到 在vite.config.ts里面配置server重启一下服务，看看是否生效。
vue 端口不固定，指定端口无效（已解决！）
weixin_42040757的博客
08-19 3949
vue项目启动时每次端口都随机一个，指定的端口不生效，发起登录请求时报proxy error （端口指定的是9528，每次启动随机一个端口） 浏览器 报错如下： 端口占用已排除，9528端口上没有任何进程 控制台会报一个500 问题已解决，感谢大佬！（方法与原因皆来自问答：https://ask.csdn.net/questions/773532） 方案如下 原因 ...
Vue 基于vite构建vue3项目 以及基础语法演示
07-17
Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础...
完美解决通过IP地址访问VUE项目的问题
10-15
在开发Vue项目时，我们通常使用`localhost`或者`127.0.0.1`来运行项目，但这只允许我们在本地环境进行测试。如果需要让其他设备（如手机或另一台电脑）访问我们的Vue应用，我们就需要通过IP地址来访问。本文将详细...
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+...
vite-vue3-template:Vite + Vue3项目模板
03-18
Vite + Vue3 项目模板是现代前端开发中的一个高效构建工具，它结合了Vue 3框架的最新特性与Vite的快速开发优势。Vite是由Vue.js的作者尤雨溪开发的一款新型构建工具，旨在解决传统Webpack在开发阶段的性能瓶颈。Vue ...
vue3项目vite.config.js配置“代理”、“端口”、“打包名”、“图片压缩”
bestyinjun的专栏
07-21 6791
vue3项目vite.config.js配置“代理”、“端口”、“打包名”、“图片压缩”
vite项目指定端口号并设置代理
weixin_62902737的博客
03-06 651
vite项目指定端口号并设置代理
vite 修改端口号和ip启动
jiangliuhuan123的博客
07-26 1326
vite.config.js: 增加server{host:‘xxx.x.x.x’}package.json 修改: – – port xxxx。
vue指定端口号不管用，每次打开端口号不同
tsyjfg的博客
08-30 918
解决：npm install portfinder@1.0.21 亲测有效
vue + vite 项目中修改port启动端口
qq_38909255的博客
12-14 7333
1、找到package.json ，修改scripts中的启动项： "start": "vite --port 8000" “start”可以修改，如上，启动命令： npm run start;
vite (vue3)配置内网 ip 访问 方法
热门推荐
qq_39111074的博客
04-01 1万+
vite 配置内网 ip 访问 方法
Vite内网ip访问，两种配置方式
前端蜗牛君
02-21 8244
方式一：修改vite的配置文件（vite.config.ts）方式二：修改package.json文件。运行项目的时候，控制台会只出现。采用上面任一方式，就可以通过。
vite 创建vue3项目 配置端口
07-04
创建 Vue 3 项目并配置 Vite (基于 Vue 3 的高性能前端构建工具) 的时候，通常涉及以下几个步骤： 1. 安装Vite和Vue CLI：首先确保已经全局安装了`npm`或`yarn`，然后运行以下命令安装`vite`和`@vue/cli`插件（如果...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值