路由配好了,需要调试下 build 后是否可用,这时我们需要一个服务端来运行静态网页。
官网直接下载一个 windows 版本的 ngnix 即可:
http://nginx.org/en/download.html
下载解压后:
命令行到此路径,启动 ngnix:
默认 80 端口:
常用配置在 conf 文件夹下 nginx.conf 中:
location 即为入口文件夹及主界面,静态资源可以直接放入 html 文件夹中:
此时访问 80 端口即可获取前端界面:
但是切换到其他路由界面,就会出现访问不到的情况
这是因为单页面应用路由被服务器解析成了获取文件地址,所以会报 404 找不到。可以通过配置 解决:
再重启下 ngnix
稍等一下,再刷新界面即可
本机访问无误后,可以将端口暴露给局域网访问:
1、打开控制面板,找到防火墙,选择高级设置
2、入栈规则中,新建规则
3、选择端口,下一步
4、特定端口,80,下一步
5、一直下一步
6、最后添加名称,点击完成
7、可以看到已经添加好了
其他ip 访问一下,没有问题: