静态文件的Nginx配置
静态文件的Nginx配置
提问于 2022-06-08 13:51:51
我需要一个建议，如何解决这个问题：
我有两个网站-- example1.com和example2.com --它们都是在NuxtJS上制作的，运行良好。
对他们我用的是Nginx。
我需要这样做:如果我要访问example2.com/custompage，我需要显示example1.com/custompage中的页面和静态文件(我不需要在这个页面上重定向，我需要在example2.com /custompage上显示这个页面)，但是当我访问example2.com的任何其他页面时，我需要将所有页面和文件保存在example2.com上。
能用Nginx做这个吗？
回答 2
Stack Overflow用户
发布于 2022-06-11 06:45:16
您可以使用proxy_pass。首先，在两个端口(如3000和3001 )中运行3000应用程序，然后使用代理通行证和上游来实现这一点。
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;
}
}Stack Overflow用户
发布于 2022-08-09 21:11:43
在遵循上述步骤之后。
在Nuxt项目(Nuxt1)中，需要将以下内容添加到nuxt.config.js文件中
router : {
base: "/custompage/"
}另外，请注意，如果您正在使用Static文件夹中的任何文件，例如图像example.png。
你必须把它们当作
<v-img src="example.png" />和NOT，
<v-img src="/example.png" />如果使用动态变量，则在.env中为router.base添加一个变量
<v-img :src="ENV_VAR + dynamic_variable" />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72546931
复制相关文章
相似问题
腾讯云开发者
