在开发时，其他人在局域网中如何访问vue-cli构建的项目

最新推荐文章于 2023-07-14 12:27:46 发布
最新推荐文章于 2023-07-14 12:27:46 发布
阅读量742 收藏
点赞数
文章标签： javascript 后端 ViewUI
原文链接：https://juejin.im/post/5cef3330f265da1bd60587d3
版权

只需做以下更改：

找到项目主目录 > config > index.js

将host由localhost改为 '0.0.0.0', 重启项目：

自己启动项目的时候还是可以使用localhost, http://localhost:21363

查看本机ip地址 ipconfig

将域名换成本级ip地址,别人就可以访问你的vue项目了

转载于:https://juejin.im/post/5cef3330f265da1bd60587d3

weixin_34392435
关注
基于vue-cli的vue.config.js常用配置
weixin_41457552的博客
11-20 994
1.webpack分包 webpack4中的optimization.splitChunks 进行代码分割, 把需要单独抽离的文件单独打包 配置: chainWebpack:config => {config.optimization.splitChunks({chunks:"all"cacheGroups:{Vendor:{Name:"chunk-vendors",Test:/[\\]no...
VUE的cli和webpack
Sideremens的博客
08-02 1503
cli 1.vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目 ，底层使用的是webpack 2.目前cli有cli2和cli3两个版本 3.npm/cnpm.yarn都可以安装： $ yarn add @vue/cli global` 这个是cli3的版本 A.命令创建 $vue create project B.图形界面创建 ...
局域网下别人访问本地运行的vue项目
weixin_52268321的博客
06-12 1185
进入“防火墙和网络保护”，关闭下面三个。
Vue-Cli的跨域问题 局域网无法访问题
qq_25537391的博客
08-15 786
用vue-cli搭建项目时，经常回遇到需要在局域网中进行内测的情况，而通过npm run dev 开启本地服务后，同一局域网中的小伙伴却不能访问，下面就是解决办法： Step1:找到config文件夹下的index.js文件 Step2： 将Host值改为0.0.0.0即可完美解决局域网内互相访问不了的问题 // Various Dev Server settings host: '0...
关于vue项目本地运行以后，输入本机ip不能访问的问题
weixin_33923148的博客
07-09 1716
这次同样是用vue-cli 搭建的，出现了本机ip不能访问的问题，通过修改config目录下的index.js文件里的dev下面的host字段解决了 但是以前的项目index是这样的，这样用本机ip就能访问 ...
问题：在vue-cli2和vue-cli3中，如何在局域网通过IP访问项目？
never。❀的博客
04-20 910
遇到的问题： 在vue-cli2和vue-cli3中，如何在局域网通过IP，使用pc和手机访问项目呢？ 解决方法： 一、vue-cli2 第一种方法： 找到 your-project/build/webpack.dev.conf.js // const HOST = process.env.HOST const HOST = '172.20.x.xx' 然后保存，重新启动一下服务，会发现 PC 地址栏已经变成： http://172.20.x.xx:8080了，然后用手机试一试，没问..
本地运行vue项目跨域问题完美解决方案
热门推荐
Jioho的博客
05-14 2万+
前言 ： 本文用的是 vue cli 3.x 的版本 使用 vue 开发项目的时候少不了和后端进行联调，假设后端的接口请求路径为 http://test.com/… 然后我们直接使用 npm run serve 启动的服务则是 localhost:8080 这时候直接在项目中请求接口会被跨域请求拦截！下面记录下我解决的过程 解决的过程并非那么顺利，中间查了很多资料，比如代理请求啊之类的，然而都...
vue-cli启动本地服务局域网不能访问的原因分析
08-28
在使用 Vue CLI 启动本地开发服务器时，通常我们会使用 `npm run serve` 或 `yarn serve` 命令，这会启动一个热重载的 Webpack 服务器，使得我们在开发过程中能够实时预览代码改动。 然而，有时我们可能需要在...
vue项目中的webpack-dev-sever配置方法
08-28
在Vue项目中，通常使用`vue-cli` 创建项目，`vue-cli` 已经默认配置了`webpack-dev-server`，但有时我们需要根据需求进行定制化配置。 1. **配置文件位置**： 在Vue项目中，`webpack-dev-server` 的配置通常位于`...
vue3知识点5.0脚手架c-li4.5安装vue/两种方式创建vuec-li项目
yangyangdt的博客
12-23 1990
vue3脚手架c-li安装vue/创建vue-cli3项目
解决使用vue-cli脚手架构建的项目不能通过手机访问
snow_cake的博客
09-26 1966
使用vue-cli+webpack构建的项目在同一个局域网下，通过ip电脑的浏览器可以访问，但是手机不能访问。 这个问题困扰了本宝宝好长时间，在网上搜了这种解决办法均不奏效 下面是config dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', ...
换个电脑运行项目失败原因、解决方法
weixin_44708899的博客
12-18 3029
换个电脑运行项目失败原因、解决方法 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 下载node-module失败 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree --legacy-peer-deps Error: The project seems to require yarn but it's not installed.
vue项目，别人电脑上看你本地的项目
Achong999的博客
02-24 2254
别人打开这个就可以访问你本地项目了（类似于：192.168.100.100:8089 ）（PS：连同一个WiFi，必须在同一个局域网才行）npm run dev --host 报错。4. 电脑IP+端口即可访问了。
【Vue2】让别人访问自己本地运行项目
joanmelon的博客
02-25 2948
☀️大家好，我是宾果的救星~希望记录的学习和收获能够帮助大家在开发过程中得到思路并且解决难题。希望大家多多点赞~爱你们哟~
让别人访问自己的vue项目
xuexuexiang的博客
05-10 3362
如何让他人免费地可以访问自己的vue项目呢，就可以把项目上传到GitHub或者Gitee，但是由于GitHub是国外，总是不稳定，所以这里选择使用Gitee。 首先使用npm serve bulid命令，将项目打包，打包成功后，会生成一个dist文件，也就是我们所要上传的文件。 在网页上的Gitee创建一个仓库，然后通过使用git bash命令行，将dist文件上传到Gitee。 在git bash命令下进入到vue项目的文件夹下，（也可以自己建立一个文件夹，然后将dist文件复制到这个文件夹下，前者
vue如何让其他人访问本地地址
最新发布
weixin_45776545的博客
07-14 1438
3. 打开您的 Vue 项目根目录中的 `vue.config.js` 文件，将 `public` 属性的值修改为您的 IP 地址加上端口号。1. 首先，请确保您的 Vue 应用程序正在运行，并已经按照之前提到的方式将开发服务器的主机地址设置为 `host: '0.0.0.0'`，公共访问地址设置为 `public: 'localhost:1111'`，端口设置为 `port: 1111`。通过以上步骤，您应该能够在浏览器的开发者工具中的 Network 标签下看到以您的本机地址开头的请求。
局域网如何让别人访问本地vite+vue3项目
Yajyaj123的博客
05-15 1169
-port 指定端口，80的话直接输入ip即可访问，只需要npm run dev 即可，别人可以通过IP访问。打开package.json。
前端vue服务运行起来后，如何在其他电脑上打开
weixin_43822237的博客
03-16 4254
第一点：先确认你们连接的是一个局域网或者一个无线网，只有这样才能访问： 第二点：在vue的package.json这个文件中加入一个东西就可以访问了 --host 0.0.0.0 接下来你就可以在其他电脑上输入运行服务电脑的ip来进行访问了！！！ ...
vue-cli 搭建项目使用局域网访问，通过ip地址访问项目
奔跑的搬运工
08-01 8278
vue-cli 搭建项目使用局域网访问，通过ip地址访问 使用vue-cli搭建的项目，别人可以访问电脑 ip访问项目 在config文件中找到 index.js 文件 中找到下面代码 module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '...
Vue-cli快速入门：构建Vue项目详解
本篇文章详细介绍了使用vue-cli构建Vue.js项目的完整步骤，以...这篇文章不仅指导了初学者如何使用vue-cli创建一个基本的Vue项目，还强调了在项目构建过程中考虑的最佳实践和工具选择，有助于提升开发效率和项目质量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值