在Nuxt 3项目中放置一个单独的子项目

问题描述 投票:0回答:1

我可以在

Nuxt 3
项目中放置一个不由
Nuxt
处理的单独子项目吗?这是一个包含多个
html
文件的文件夹,
js
+
jquery
css
images
- 常规
html
页面。它不应该由
Nuxt
Vue
处理。我该如何正确地做到这一点?我把这样一个文件夹放在static中:

/static/html/page/index.html

但是当尝试访问时

/html/page/index.html

我在浏览器中收到 Nuxt 404 错误。

nuxt.js nuxtjs3 nuxt3
1个回答
0
投票

您可以使用公用文件夹。如果我没记错的话,静态在 Nuxt 3 中已被命名为 public。

这是公用文件夹结构。

/*
  ~/public
    -html
    -page
      -index.html
      -script.js
      -style.css
*/

沿着结构化文件夹,您可以通过此路径

index.html
/html/page/index.html
看到
/html/page/

的内容

index.html
示例中添加样式和脚本

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/html/page/style.css">
</head>
<body>
    <div>
        Hello World
    </div>
    <script src="/html/page/script.js"></script>
</body>
</html>

经过测试,有效!希望有帮助

© www.soinside.com 2019 - 2024. All rights reserved.