vue-admin-templete项目配置在手机上预览

参考文档：
https://blog.csdn.net/qq_29752857/article/details/109802801

想要在手机上预览本地打开的vue-admin-templete项目，首先要确保手机和电脑在同一网段。

参考文档：https://blog.csdn.net/m0_57236802/article/details/131523447

1.查看电脑ip：ipconfig

2.查看手机ip地址：

3.修改配置文件package.json

 "scripts": {"dev": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --host 192.168.50.36","build:prod": "vue-cli-service build","build:stage": "vue-cli-service build --mode staging","preview": "node build/index.js --preview","svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml","lint": "eslint --ext .js,.vue src","test:unit": "jest --clearCache && vue-cli-service test:unit","test:ci": "npm run lint && npm run test:unit"},

4.修改配置文件 vue.config.js

devServer: {host:"192.168.50.36",port: port,open: true,overlay: {warnings: false,errors: true},before: require('./mock/mock-server.js')},

5.重启项目：npm run dev
6.效果（pc效果vs mobile效果）