vue中通用设置本机IP代替local host

最新推荐文章于 2024-04-07 11:27:49 发布
最新推荐文章于 2024-04-07 11:27:49 发布
阅读量2.2k 收藏 2
点赞数 3
分类专栏： vue通用知识点 文章标签： vue通用设置本机IP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liyi_mowu/article/details/83783985
版权

1.查找hosts文件
在这里插入图片描述

查找完成过后再hosts文件中进行新增设置

在这里插入图片描述

前半部分是本机IP，后半部分是自定义的域名，以后就可以使用你自定义的域名代替本机IP进行使用了

PS：在使用vue-cli的vue项目中的config文件夹中的index.js中设置host为你自定义的域名

墨色梧桐
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue在手机中通过本机IP地址访问webApp的方法
10-18
主要介绍了vue在手机中通过本机IP地址访问webApp的方法,需要的朋友可以参考下
完美解决通过IP地址访问VUE项目的问题
10-15
主要介绍了完美解决通过IP地址访问VUE项目的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue项目使用自定义域名开启本地服务（ip地址和域名映射）
qq_2511276124的博客
07-04 3030
使用域名访问本地服务。
vue项目只能通过localhost和127.0.0.1访问
weixin_43728276的博客
04-22 3273
Q：使用npm run dev启动vue项目后，在本机使用localhost和127.0.0.1正常访问，使用却无法访问。 A: 在项目的配置文件中，设置了local host访问，将config/index.js下的host改为’0.0.0.0’即可
vue项目获取本机ip地址--谷歌浏览器
最新发布
weixin_47907069的博客
04-07 506
vue、ip
Vue项目部署公网ip和端口以及使用域名访问配置
1024困不住
08-16 6714
前提是已经配置好了相应的外网和内网端口的映射 一.公网ip和端口配置 在vue项目启动之前对项目下：项目名/config/index.js 文件进行修改 原来的内容为：(位置在index.js的第16,17行作用) host: 'localhost', // can be overwritten by process.env.HOST port: 8080, //...
vue项目启动时将localhost替换成指定ip地址
weixin_60684791的博客
11-19 1万+
node启动vue项目时地址一般都是http://localhost:8080 vue.config.js 中的host：‘localhost’换成host：‘你的本机ip’就可以了 module.exports = { devServer: { // 更换ip host:'192.168.1.100', // 代理访问 proxy: { 'api': { target: 'http://121.89.205.189/api'...
vue2 启动如何配置本机ip地址
fengxiaopeng74的博客
11-11 3442
vue2 启动如何配置本机ip地址
Vue项目配置本地访问地址和IP访问地址
m0_46570767的博客
06-21 2937
Vue项目配置本地访问地址和IP访问地址 1.在config/index.js配置： dev: { host: '0.0.0.0', } 2.在build/webpack.dev.config.js更改compilationSuccessInfo的message，如下： compilationSuccessInfo: { // messages: [`Your application is running here: http://${devWebpackConfig.devSe
vue-cli项目无法用本机IP访问的解决方法
10-17
今天小编就为大家分享一篇vue-cli项目无法用本机IP访问的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
屏蔽不要脸的网站
Me.Exe
09-15 1738
# Copyright (c) 1993-1999 Microsoft Corp.## This is a sample HOSTS file used by Microsoft TCP/IP for Windows.## This file contains the mappings of IP addresses to host names. Each# entry should be kep
Vue · 设置本地代理
weixin_42091247的博客
04-01 1537
本地开发的时，在浏览器访问项目的地址为 localhost， 但是当我们需要对接第三方验证后又回到本地项目时，由于第三方的回跳地址为正式服的域名就会不成功。这个时候就需要把域名映射到本地项目的地址，可以通过修改host文件实现。 1、本地安装Whistle w2 start 启动后，添加rules： /(?:https|http):\/\/griddev.jiuqi.com.cn/(.*)/ http://127.0.0.1:9898/$1 2、谷歌浏览器安装Proxy SwitchyOmega扩展
vue修改启动的端口和host
weixin_30636089的博客
08-18 2864
打开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项目本地运行环境下设置既能localhost访问又能IP访问，并且可以外网环境下通过域名访问
u011295864的博客
03-04 1万+
打开项目build下index.js文件，将localhost改为 0.0.0.0，port端口号改不改都行，只要保证这个端口号没有被占用即可。 然后打开项目package.json文件，找到 将红框内的改为： "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --ho...
vue.config.js使用代理配置真实请求url
盼盼大小姐的博客
11-22 4313
前端请求接口过程中为解决跨域问题，会配置代理请求url，配置之后浏览器只能看到local host路径。为方便查看请求的真实ip，需要在vue.config.js中做如下配置，便能在浏览器实时查看到真实地址。
vue项目代理配置ip地址和端口号
m0_55918015的博客
01-19 1万+
在vue.config.js文件中，有几个嫌疑对象，port，host，target，一般host设置为0.0.0.0，大概就是自动匹配本机任意的ip地址，有啥用啥，感兴趣的可以自行搜索，这算是比较方便的写法，说是电脑手机都可以访问。port是本机的端口号，找一个能用的端口就行，像8080,90等等。 proxy里面的target就是代理，process是过程，就是项目启动的全局变量，process.env打印出来就是项目跑起来需要的环境，是一个环境变量，配合各种场景使用（应该是这么理解的吧too sad
vite搭建vue3项目本地环境自定义域名及端口配置
一个前端小菜菜的博客，四五年的经验，熟悉vue，react，nuxt，微信小程序，Uniapp。
02-17 4126
此时我们可以打开我们的vite创建的项目了，打开vite.config.js，直接输入如下配置即可，运行项目即可达到自定义域名的一个目的了。
Vue 路由重定向
热门推荐
Seric_xiao的博客
09-23 2万+
路由重定向指的是：用户在访问地址 A 的时候，强制用户跳转到地址 C ，从而展示特定的组件页面； 通过路由规则的 redirect 属性，指定一个新的路由地址，可以很方便地设置路由的重定向： var router = new VueRouter({ routes: [ // 其中，path 表示需要被重定向的原地址，redirect 表示将要被重定向到的新地址 //当用户在地址栏中输入`/`,会自动的跳转到`/user`,而`/user`对应的
vue在开发环境中配置本地hosts修改域名
haosicx的博客
04-03 2946
修改hosts文件 打开访达 按住command+shift+g搜索/private/etc/hosts 然后修改hosts文件 把你想要的域名设置成localhosts一样的ip 修改完成后终端输入sudo vim /etc/hosts查看hosts文件 设置好了后 可以ping一个这个域名 测试一下通不通 如果通的话 项目启动后 原本localhost:8080/的地址可以在浏览器中替换为你配置的域名:8080/ ...
Vue项目获取本机ip 地址
05-27
你可以在Vue项目的代码中使用以下代码获取本机IP地址： ``` // 引入node.js的os模块 const os = require('os'); // 获取本机IP地址 function getIPAddress() { const interfaces = os.networkInterfaces(); for ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值