主页 / coding / 问题 / 76936168
Accepted
nup
Asked: 2023-08-20 00:44:39 +0800 CST

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

  • 772

Nuxt 3我可以在不由 处理的项目中放置一个单独的子项目吗Nuxt？这是一个包含多个html文件的文件夹，js+jquery和css-images是常规html页面。它不应该由Nuxt和处理Vue。我该如何正确地做到这一点？我将这样的文件夹放在静态中：

/static/html/page/index.html

但是当尝试访问时

/html/page/index.html

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

nuxt.js

1 个回答

  1. Best Answer

    您可以为此使用公用文件夹。如果我没记错的话，静态在 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">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
</head>
<body>
    <div>
        Hello World
    </div>
    <script src="/html/page/script.js"></script>
</body>
</html>

    对于 jQuery，您可以使用 CDN 或下载它并将其放在公共文件夹中，图像也是如此。

    经过测试，它有效！希望有帮助

    • 1

相关问题