TeamBlog——规范、高效的项目管理知识库
艺萨科技
千日千月
艺萨科技
千日千月
  • Guide
  • 数据库规范
    • 基础规范
    • 通用模型
  • Vue前端框架
    • Guide
    • 通用说明
    • Element-admin-web
    • Arco-Design-web
  • Java服务端框架
    • Guide
    • 通用说明
    • JPA的封装
    • jDaoMySQL的使用
    • jCoder代码生成
    • 应用配置文件
  • PHP服务端框架
    • Guide
    • schedule定时任务
    • 数据库表、字段的命名原则
    • 接口文档自动生成
    • 队列
    • 日志管理
    • 接口加密
    • 文件的处理
    • RBAC的权限控制(待补充)
    • 一些工具
    • 一些写法
    • env说明
    • 公共的方法
  • 通用能力
    • Guide
    • Web文件预览
    • 统计平台
    • KeyCloak
    • 综合工具平台
    • 内网穿透
    • IM能力
    • 安全扫描

前端技巧

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

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:: 9/16/22, 1:02 AM
Contributors: TerryQi
Prev
Guide
Next
Element-admin-web