正常开发中有时间提测比较麻烦。通常让测试小姐姐连接开发本地开启的服务器访问本地项目(在同一局域网下)。
其实一般项目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:一定是在同意局域网下的)