我可以在
Nuxt 3
项目中放置一个不由 Nuxt
处理的单独子项目吗?这是一个包含多个 html
文件的文件夹,js
+ jquery
、css
和 images
- 常规 html
页面。它不应该由 Nuxt
和 Vue
处理。我该如何正确地做到这一点?我把这样一个文件夹放在static中:
/static/html/page/index.html
但是当尝试访问时
/html/page/index.html
我在浏览器中收到 Nuxt 404 错误。
您可以使用公用文件夹。如果我没记错的话,静态在 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>
经过测试,有效!希望有帮助