静态文件的nginx配置

Question

我需要一个建议，如何解决这个问题：

我有两个网站example1.com和example2.com 他们都在nuxtjs上做得很好。

对于他们来说，我正在使用nginx。

我需要这样做： 如果我打算地址example2.com/custompage，我需要从example1.com/custompage 中显示页面和静态文件（我不需要在此页面上重定向，我需要在example2.com/custompage上准确显示此页面），但是当我转到示例2.com的任何其他页面时，我需要将所有页面和文件保留在example2.com中

是否可以使用nginx执行此操作？

Answer 1

您可以使用proxy_pass。首先，在两个端口中运行NUXTJS应用程序，例如3000和3001，然后使用代理通行证和上游

upstream nuxt1 {
    server localhost:3000;
}

upstream nuxt2 {
    server localhost:3001;
}

server {
    listen 80;
    listen [::]:80;

    server_name example2.com

    location /custompage/ {
        proxy_pass http://nuxt1/custompage/;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $host;
        proxy_redirect off;
    }

    location / {
        proxy_pass http://nuxt2;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $host;
        proxy_redirect off;
    }
}

Answer 2

遵循上述步骤之后。

在NUXT项目（NUXT1）中，您需要将以下内容添加到NUXT.CONFIG.JS文件中，

router : {
  base: "/custompage/"
}

还请注意，如果您使用的是static文件夹中的任何文件，则示例图像，示例，示例。 PNG。

您必须使用它们，例如

<v-img src="example.png" />

和而不是，

<v-img src="/example.png" />

如果您使用的是动态变量，请在.env中添加一个变量

<v-img :src="ENV_VAR + dynamic_variable" />