前端技巧

这里告诉你一些小技巧,让你提升开发、调试效率

http-server

交付前,要打包生成 dist 文件,然后在目录下执行 http-server,仿照部署生产服务器运行一下业务,看看对接环境是否正确等。

当然,我们要求全部的配置文件必须写在 env.developement 和 env.product 中

vue-devtools

前端开发和调测项目,要使用 vue-devtools,这个没什么好说的,自己去下载安装

公众号网页开发技巧

由于公众号网页开发需要重定向等,必须配置白名单域名,那么我们的方案是:

  1. 修改本地 hosts 文件,将域名指向 127.0.0.1
127.0.0.1       h5ai.syfri.cn
  1. 修改 vue 的运行端口,设定为 80
devServer: {
		disableHostCheck: true,
		port: 80,
  1. 此时在微信开发者工具中,打开h5ai.syfri.cn即可访问本地页面
Last Updated:
Contributors: TerryQi