详解Vue通过Nginx部署于子目录或二级目录的实践
5星
- 浏览量: 0
- 大小:None
- 文件类型：PDF
简介：
本文详细介绍了如何利用Nginx将Vue.js应用部署到服务器的子目录或二级目录中的步骤和配置方法。
1. 修改 `routerindex.js` 文件，在配置中添加一行：
```javascript
base: admin,
```
2. 接着在 `configindex.js` 中增加以下代码行：
```javascript
const assetsPublicPath = admin;
```
并且修改两处 `assetsPublicPath` 的值为新定义的变量。
3. 在部署过程中，使用 NGINX 反向代理。为此需要在 NGINX 配置文件中添加一个 server 块：
```nginx
server {
listen 8001;
location / {
# 当 Vue H5 使用 history 模式时的配置
try_files $uri $uri/ /index.html;
}
}
```
注意：上述代码中的 `try_files` 配置用于处理 Vue.js 单页面应用的历史模式路由问题。
全部评论 (0)
还没有任何评论哟~
