vue项目设置ip访问

最新推荐文章于 2024-06-24 11:03:14 发布
最新推荐文章于 2024-06-24 11:03:14 发布
阅读量1.3w 收藏 12
点赞数 4
分类专栏： web 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bianyaoyao/article/details/107632634
版权

1.只用ip访问

打开config --> index 文件

host: '172.16.1.95'

新增host,改成IP地址

最后重新运行项目

2.既可以IP访问，由可以localhost访问

将config --> index 中host 该为

host: '0.0.0.0',

打开package.json文件

在要运行的分支下添加host,最后重新运行项目

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",

 

四月天-coder
关注
  • 4
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
完美解决通过IP地址访问VUE项目的问题
10-15
本文将详细介绍如何完美解决通过IP地址访问Vue项目的问题。 首先，我们需要对Vue项目的配置文件进行更改。在Vue项目中，配置文件通常是`config/index.js`。在这里，我们将`host`设置为`0.0.0.0`，这使得服务器监听...
vue项目配置同一局域网可使用ip访问的操作
01-18
此处的”0.0.0.0″可以改成自己的ip，重启项目就可以了 补充知识：@vue/cli创建项目报错ERROR Failed to get response from /vue-cli-version-marker的解决方案 今天他们遇到一个很有意思的bug，用@vue/cli创建项目...
修改Vue项目运行的IP和端口
见证自己学习,成长的记录
02-09 7050
我们在使用VsCode启动Vue项目的时候，我发现：默认的端口号好像和tomcat一样，默认都是8080，如果8080被占用了，就会使用8081,8082这样的方式以此类推。那么，我们是否可以像后端一样，通过修改port属性的方式达到修改运行端口的方式呢？其实还是很简单的。这个vue.config.js和springboot的application配置文件是一个道理，需要修改项目什么东西就直接在里面改。注意语法就好啦！以后遇到其他的配置语法，会持续更新！
局域网内vue2 3 配置本地IP地址访问项目
最新发布
m0_68716504的博客
06-24 645
/在这句代码后面添加 --host 0.0.0.0" 如下messages: [ //下面两个地方，直接复制即可` - Local: http://localhost:${port}`, //配置这里` - Network: http://${require('ip').address()}:${port}`,//配置这里],},?}))
vue项目设置通过IP和localhost可同时访问
Aa12364567的博客
03-20 617
vue项目设置通过IP和localhost可同时访问。在要运行的分支下添加host,最后重新运行项目。打开package.json文件。
Vue项目配置IP访问地址
m0_52244931的博客
03-06 1477
原来host:'localhost’更改为 host:‘0.0.0.0’将compilationSuccessInfo中的message更改。1、config/index.js文件。
vue项目让局域网ip访问配置设置
热门推荐
陈万洲的专栏
03-06 2万+
在开发中，为了让同一局域网的小伙伴，都可以通过IP地址访问到vue-cli搭建的项目，要怎么配置呢? 第一步：修改config文件中找到 index.js 文件的host改成 ‘0.0.0.0’ 第二步：检查package.json文件里进行配置，scripts.dev配置是否设置 host为‘0.0.0.0’ 这里我要强调下，第一步和第二步都有ip，其实第二步优先级高，这里第...
vue项目ip地址无法访问_完美解决通过IP地址访问VUE项目的问题
weixin_39571749的博客
12-20 4271
第一步1.将config里面的host设置成0.0.0.0host: '0.0.0.0',2.修改package.json"scripts": {"start": "cross-env NODE_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0...
Vue项目设置局域网可以访问
IT之一小佬的博客
06-23 3259
Vue项目设置局域网可以访问
通过IP地址访问前端Vue项目
2301_78767322的博客
01-16 1095
通过IP地址访问前端Vue项目
vue项目如何让局域网ip访问配置设置
10-18 1637
第二步：检查 package.json 文件里进行配置，scripts.dev配置是否设置 host为‘0.0.0.0’这里我要强调下，第一步和第二步都有ip，其实第二步优先级高，这里第二步的host可以不设置，vue默认执行第一步的设置。在开发中，为了让同一局域网的小伙伴，都可以通过IP地址访问到vue-cli搭建的项目，要怎么配置呢?这个ip也可以设置成你的局域网ip，例如：192.168.1.182。第三步：查看开发机的ip地址，并告诉给其他小伙伴，别忘了端口。
指定ip访问vue项目
m0_57364615的博客
11-18 1613
首先在index.html引入搜狐查ip的接口,就像这样,放到<body>标签上面(这样就可以查到访客的ip) <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="text/javascript"> sessionStorage.setItem('ip', returnCitySN["cip"]) sessionStorage.se
vue-cli项目无法用本机IP访问的解决方法
10-17
总的来说，解决Vue CLI项目无法通过本机IP访问的问题，主要是调整开发配置，使服务器监听所有网络接口。这一改动对于多设备预览和跨平台测试非常有用，同时也提醒我们在开发过程中要注意网络安全。
vue项目在线上服务器访问失败原因分析
10-14
主要介绍了vue项目在线上服务器访问失败原因分析，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
web页面输出信息的几种方式
bianyaoyao的博客
03-19 4832
1. <script type="text/javascript"> alert("hhehe"); </script> 2. <script type="text/javascript"> confirm("123"); </script> 3. <script type="text/javascr...
vue Eharts 中国地图，包含台湾省，涟漪效果，流向图
bianyaoyao的博客
10-08 330
下载链接https://download.csdn.net/download/bianyaoyao/29529256
js中Date介绍
bianyaoyao的博客
03-19 307
Data：用来获取时间对象 方法 描述 Date() 返回当前时间日期 getDate() 返回一个月中的某一天 getMonth() 返回月份（以数组形式存储 返回0到11） ...
js math常用方法
bianyaoyao的博客
03-19 232
方法 描述 ceil(x) 对数进行上舍入（天花板函数） 大于等于 x，并且与它最接近的整数。 floor(x) 对数进行下舍入（地板函数） max(x,y) 返回x,y最大值 min(x,y...
vue设置ip访问后端地址
03-30
在Vue项目中设置IP访问后端地址的步骤如下： 1. 打开 Vue 项目中的 `src` 目录下的 `main.js` 文件。 2. 在 `main.js` 文件中添加如下代码： ```javascript // 设置后端接口请求地址 Vue.prototype.$apiUrl = 'http://your-ip-address:your-port'; ``` 其中，`your-ip-address` 是后端服务器的 IP 地址，`your-port` 是后端服务器的端口号。 3. 在 Vue 组件中使用后端接口时，可以通过 `this.$apiUrl` 来获取后端接口请求地址。例如： ```javascript this.$http.get(`${this.$apiUrl}/api/getData`).then(res => { console.log(res.data); }); ``` 其中，`$http` 是 Vue 中的 AJAX 请求库，`$http.get` 表示发送 GET 请求，`${this.$apiUrl}/api/getData` 是后端接口的 URL。 需要注意的是，如果后端接口不支持跨域访问，需要在后端服务器上配置跨域访问。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值