前端技巧
这里告诉你一些小技巧,让你提升开发、调试效率
http-server
交付前,要打包生成 dist 文件,然后在目录下执行 http-server,仿照部署生产服务器运行一下业务,看看对接环境是否正确等。
当然,我们要求全部的配置文件必须写在 env.developement 和 env.product 中
vue-devtools
前端开发和调测项目,要使用 vue-devtools,这个没什么好说的,自己去下载安装
公众号网页开发技巧
由于公众号网页开发需要重定向等,必须配置白名单域名,那么我们的方案是:
- 修改本地 hosts 文件,将域名指向 127.0.0.1
127.0.0.1 h5ai.syfri.cn
- 修改 vue 的运行端口,设定为 80
devServer: {
disableHostCheck: true,
port: 80,
- 此时在微信开发者工具中,打开
h5ai.syfri.cn
即可访问本地页面