Nginx配置Vue项目，解决无法按路径跳转及刷新404问题

前言

当前已有PHP项目（ThinkPHP 5 框架，Laravel框架同理），由于PHP项目有多个模块：admin、index、api等模块，前端代码又想和现有项目相同域名。

实现

1. 在PHP项目的public目录下创建h5文件夹；
2. Vue打包项目，使用history路由模式，运行的基础路径填：/h5/；
3. 将打包好的Vue文件放置PHP项目下的public/h5下；
4. 配置nginx伪静态，配置如下：

location /h5 {
	try_files $uri $uri/h5 /h5/index.html?$query_string;
}

这样能解决无法按Url路径跳转页面，以及刷新404的问题。