在局域网下通过ip地址访问vue本地项目

时间:2024-03-19 14:39:14

找到:build>>webpack.dev.conf.js

把const HOST = process.env.HOST修改为:

const HOST = ‘192.168.1.139’

(192.168.1.139是本地电脑的ip地址)
在局域网下通过ip地址访问vue本地项目

找到:package.json

把"dev": “webpack-dev-server --inline --progress --config build/webpack.dev.conf.js”,

修改为:

“dev”: “webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0”
在局域网下通过ip地址访问vue本地项目

找到config>>index.js

把host: ‘localhost’ 修改为:

host: ‘0.0.0.0’
在局域网下通过ip地址访问vue本地项目

关闭局域网防火墙,网络防火墙
在局域网下通过ip地址访问vue本地项目

这四步操作下来,大家百分百能通过ip访问了