时间戳

首页 > 解决方案 > 如何使用 docker 和 nginx 反向代理托管具有相同域但路径不同的多个网站例如：domain.fr/siteA、domain.fr/siteB、/siteC

node.js - 如何使用 docker 和 nginx 反向代理托管具有相同域但路径不同的多个网站例如：domain.fr/siteA、domain.fr/siteB、/siteC

问题描述

只是想知道有什么区别

import { getContent } from '@/assets/welcome-content.js'
import Navigation from '@/components/Navigation'

和

import { getContent } from '~/assets/welcome-content.js'
import Navigation from '~/components/Navigation'

两者似乎都有效，但是当我在 nuxt.config.js 中添加以下行时

router: {
     base: '/siteA/'
   },

我有以下错误：

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/".

上下文：我有 3 个 nuxt 网站，我想放在同一个域下

至于我的 Nginx conf

server {
    ...
    server_name example.com;
    ...
    location /siteA {
        root /var/www/siteA/dist;
        ...
    }
    location /siteB {
        root /var/www/siteB/dist;
        ...
    }
    ...
}

标签： node.jsvue.jsnginxnuxt.jsvue-router

解决方案

您收到的错误意味着您正在尝试导航您已经使用的网址。它与您提到的前缀（别名）没有任何关系。它们只是“src”目录的快捷方式，可以轻松导入您需要的组件。

推荐阅读