Vue笔记--同局域网下访问本地项目

正常开发中有时间提测比较麻烦。通常让测试小姐姐连接开发本地开启的服务器访问本地项目(在同一局域网下)。

其实一般项目IDE已经实现这些功能例如webstorm和vscode，有时候需要单独配置下。

但是Vue项目在本地开发环境中他们就没办法通过IDE去开启服务器，一般都是是vue-cli脚手架开启服务器的这时候就需要我们做些特别的配置了。

首先需要获取自己的ip，我本人使用mac 在iterm中输入 ifconfig en0 可以拿到自己的IP

 inet 10.101.2.43

window系统过通过win+r 输入cmd 打开命令窗口 输入dos命令 ipconfig 即可

然后打开本地项目在根目录找到package.json文件对scripts下的dev在后面加上 --host 10.101.2.43（本地IP）

package.json是这个项目模块的描述文件，scripts对应的是npm脚本命令。例如我们运行项目是 npm run dev

其实执行的是vue-cli-service serve --development --host 10.101.2.43

 

这样的话我们就可以通过http://10.101.2.43:8083/去访问本地项目（ps:一定是在同意局域网下的）