vuecli开发
同时用ip和localhost访问
https://blog.csdn.net/weixin_42236396/article/details/116483855
使用sweetalert2
npm i sweetalert2
main.js>>
import VueSweetalert2 from 'vue-sweetalert2'
import 'sweetalert2/dist/sweetalert2.min.css'
Vue.use(VueSweetalert2)
使用axios
npm i axios
main.js>>
import axios from 'axios'
Vue.prototype.$axios = axios
数据的引用
父组件：
子组件:
内网穿透
我使用花生壳
访问出现Invalid Host header
webpack.base.conf.js>>
devServer: { disableHostCheck: true, },
内网穿透可以让自己笔记本电脑做服务器，可以公网访问。不过每次访问，前端vue服务器要打开，后端springboot要打开，mysql3306端口也要打开，于是寻求云服务。（暂时解决前端部署）
前端部署在腾讯云的静态网站托管，访问网址 ：打卡APP
后端还在研究腾讯云怎么部署springboot和数据库
代码已托管于码云
前端代码：前端
后端代码：后端
可能出现的问题
删除node_modules文件
下载rimraf
npm i rimraf -g
删除node_modules
rimraf node_modules
执行npm i命令出现 npm ERR! cb() never called!
清除缓存npm cache clean -f
下载npm helpnpm install -g n -f
命令行服务器http-server
打开vue项目打包后的dist目录
下载http-servernpm i http-server -g
普通打开命令行输入http-server
跨域打开命令行输入http-server --cors - p XXXX -o (XXXX是端口号)
-p 端口号 (默认 8080)
-a IP 地址 (默认 0.0.0.0)
-d 显示目录列表 (默认 'True')
-i 显示 autoIndex (默认 'True')
-e or --ext 如果没有提供默认的文件扩展名(默认 'html')
-s or --silent 禁止日志信息输出
--cors 启用 CORS via the Access-Control-Allow-Origin header
-o 在开始服务后打开浏览器
-c 为 cache-control max-age header 设置Cache time(秒) , e.g. -c10 for 10 seconds (defaults to '3600'). 禁用 caching, 则使用 -c-1.
-U 或 --utc 使用UTC time 格式化log消息
-P or --proxy Proxies all requests which can't be resolved locally to the given url. e.g.: -P http://someurl.com
-S or --ssl 启用 https
-C or --cert ssl cert 文件路径 (default: cert.pem)
-K or --key Path to ssl key file (default: key.pem).
-r or --robots Provide a /robots.txt (whose content defaults to 'User-agent: *\nDisallow: /')