一个域名多个vue项目的nginx配置

最新推荐文章于 2025-04-27 14:22:37 发布

weixin_34281477

最新推荐文章于 2025-04-27 14:22:37 发布

阅读量250

点赞数

CC 4.0 BY-SA版权

文章标签：运维 javascript python ViewUI

原文链接：https://my.oschina.net/u/232595/blog/3049867

本文详细介绍了在Nginx中进行路由配置的两种不同场景，包括如何针对不同的URL路径设置try_files指令，以实现静态文件和SPA应用的正确响应。通过具体的例子，如http://a/vue1和http://a/folder/vue1的配置，展示了如何使用正则表达式匹配和重定向请求到正确的文件或目录。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

情况1如下：

http://a/vue1

http://a/vue2

配置：

server {
    listen 80;
    server_name a;
    root /data/wwwroot/a;
    index index.html;

    location / {
        index index.html;
    }
    location ~ /(\w+)/(\w+) {
        try_files $uri $uri/ /$1/index.html;
    }
    access_log /data/logs/nginx/a_access.log;
    error_log /data/logs/nginx/a_error.log;
}

情况2如下：

http://a/folder/vue1

配置：

server {
    listen 80;
    server_name a;
    root /data/wwwroot/a;
    index index.html;

    location / {
        index index.html;
    }
    location ~ /(\w+)/(\w+)/(\w+) {
        try_files $uri $uri/ /$1/$2/index.html;
    }
    access_log /data/logs/nginx/a_access.log;
    error_log /data/logs/nginx/a_error.log;
}

转载于:https://my.oschina.net/u/232595/blog/3049867