vue-cli3服务器配置小知识

199 阅读1分钟

作用:经过Nginx转发是为了测试登录功能,可以使用不带端口号的域名访问 步骤:

  1. host配置:将要访问的域名代理到本地
  2. Nginx配置:sever_name设置为要访问的域名,location加proxy_pass转发到本地开发服务器地址,此时网页可通过域名来访问了
  3. vue-cli3的脚手架中封装了webpack本地开发服务器,启动后会发送一个用于热更新的请求。出于安全考虑,未经允许的域名是无法访问的,所以热更新的请求未被处理就会不断重发。此时,在配置文件的devServer中加上allowedHosts并添加该域名,重启本地服务器即可
  4. 此时即可以通过域名访问本地代码,也可以使用脚手架的热更新功能

参考文档:webpack-dev-server + nginx + node调试https微信授权网页 juejin.cn/post/684490…