当前位置:首页 > nginx > 正文

nginx配置vue项目没有接口

  • nginx
  • 2024-05-13 07:51:08
  • 679

| 配置指令 | 值 | 含义 |
|---|---|---|
| root | /path/to/vue/dist | 站点根目录,指向 Vue 构建后的 dist 目录 |
| index | index.html | 默认首页文件 |
| try_files | $uri $uri/ /index.html | 尝试查找文件,如果没有找到,则返回 index.html |
| location / { | | 配置站点根目录下的所有 URL |
| proxy_pass | https://localhost:8080 | 将请求转发到 Vue 开发服务器 |
| } | | 结束 location 块 |
专业解释
1. root 指令指定站点根目录,即 Vue 构建后的 dist 目录。
2. index 指令指定默认首页文件,通常是 index.html。
3. try_files 指令告诉 nginx 尝试查找请求的文件,如果找不到,则返回 index.html。
4. location 块对站点根目录下的所有 URL 进行配置。
5. proxy_pass 指令将请求转发到 Vue 开发服务器,该服务器通常运行在本地主机上的端口 8080 上。