vue项目同时被localhost和ip地址访问的方法

最新推荐文章于 2024-07-03 09:28:52 发布
最新推荐文章于 2024-07-03 09:28:52 发布
阅读量762 收藏 1
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43529968/article/details/104349071
版权

既可以用ip访问，也可以用localhost访问的方法:

1.package.json中,
“dev”: “webpack-dev-server --inline --progress --config build/webpack.dev.conf.js”,后面加上 --host 0.0.0.0
2. index.js中, host: ‘IP号’

Ps: webpack.dev.conf.js不改变, const HOST = process.env.HOST 这个将会决定running here的地址,会因index.js中的host改动而改动 。
查电脑的IP: cmd -> 输入ipconfig, 即找到IPv4

同一片云彩
关注
专栏目录
获取本地IP（一个记录）
一个很low的程序员
09-07 1566
直接上代码： const getUserIP = (onNewIP) => { const myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; const pc = new ...
webpack中dev模式，配置既可以使用localhost，又可以使用ip地址访问
u010794797的博客
07-27 1万+
webpack 中dev模式，默认只能使用localhost访问，不能使用ip地址访问。如果想即使用ip地址又使用localhost（127.0.0.1）访问， 可修改dev的host的参数值： 参考地址： https://blog.csdn.net/xiaoping_1988/article/details/78667496...
Vue跨域获取ip和ip位置城市等归属地信息
最新发布
qq_634380940的博客
07-03 764
Vue跨域获取ip和归属地
vue运行同时被localhost和ip地址访问
Kelly成长之路
03-20 1376
在index.js文件下修改host内容，localhost改为本机ip host: '192.168.X.XX',// 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...
vue 获取当前IP地址
JonesBond的博客
08-30 1561
vue 获取当前IP地址 贴--代--码. // An highlighted block data() { return { getIp: "" }; }, created() { this.getLocalIp(); // 获取用户ip }, methods: { getLocalIp() { this.getIp= returnCitySN["cip"]; console.log(this.getIp); },
完美解决通过IP地址访问VUE项目的问题
10-15
4. 通过IP地址和端口号在其他设备上访问Vue项目。 5. 确保所有设备在同一Wi-Fi网络下，以实现真机调试。 通过以上步骤，你便可以轻松地让其他人或设备访问你的Vue项目，进行远程测试和协作。这不仅适用于Vue项目，...
vue在手机中通过本机IP地址访问webApp的方法
10-18
为了让Vue应用可以通过本机IP地址被访问，需要在`scripts`中配置启动命令。比如，原先可能只配置了`serve`，用于启动开发服务器： ```json "scripts": { "serve": "vue-cli-service serve" } ``` 为了支持通过本...
vue 本地服务不能被外部IP访问的完美解决方法
10-17
完成上述更改后，重新运行项目，现在应该可以通过局域网内的任何设备的IP地址访问你的Vue应用。例如，如果你的IP地址是`192.168.1.100`，那么其他设备可以通过`http://192.168.1.100:8080`访问你的应用。 此外，...
vue-cli项目无法用本机IP访问的解决方法
10-17
这样一来，不仅localhost和127.0.0.1，还包括你的本机IP地址都可以用来访问开发服务器。 更新后的配置如下： ```javascript // config/index.js module.exports = { // ... dev: { host: '0.0.0.0', // ... }...
vue 获取IP和地址
u013361179的博客
09-04 6459
1、在components里面写render函数 export default { components: { 'remote-js': { render(createElement) { return createElement('script', { attrs: { type: 'text/javascript', src: this.src } }) }, props: { src: { type: String, re
Vue 之获取本地IP地址
YUER_ZYQ的博客
12-03 9904
vue 获取本地IP地址 1 书写vue搭建 var vm = new Vue({ el:"#app", data:{ user:{ "username":"", "passwoed":"", "age":"",
vue获取本机ip地址
m0_55921724的博客
03-08 7285
vue 获取本机IP地址
vue中获取本地IP地址
热门推荐
qq_37708668的博客
07-08 1万+
vue中获取本地IP地址 IP地址需要通过js获取： 网上有很多查询接口可以获取到IP，查到的搜狐的比较多，我这里就用搜狐的： http://pv.sohu.com/cityjson?ie=utf-8 1、在浏览器中，直接输入这个地址，就可以获取到ip信息： 2、在vue文件中，实现如下 (1)在config/index.js中 proxyTable:{ } ,在里面添加代理规则 '/api':...
让vue项目可通过localhost和IP同时访问，又避免启动打开页面为0.0.0.0的尴尬
咘噜biu的博客
09-29 6830
1.首先你需要在config/index.js中修改host为0.0.0.0 module.exports = { dev: { //... host: '0.0.0.0',//将 host设置为 0.0.0.0 port: 9527, //端口号,自定义 autoOpenBrowser: true, errorOverlay: true, no...
vue获取内外网ip地址
qq_39865491的博客
08-19 1万+
两种方法可以用vue获取内外网IP地址
【vue】vue2 获取本地IP地址
amoureux555的博客
11-28 1795
vue2 获取本地IP地址
vue前端获取本地IP地址
比起日出，我更喜欢日落。我的意思是比起遇见你，我更喜欢与你终老
03-11 3817
在index.js文件中添加以下配置。
vue项目打包后直接修改ip地址
02-06
然后在 Vue 项目中使用 localhost 就可以访问到所需的 IP 地址了。 另一种方法是使用一个代理服务器来转发请求。可以使用 nginx 或其他类似的工具来配置代理服务器，将请求转发到所需的 IP 地址上。 还有一种方法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值