Question

我正在尝试将脚本和css文件导入到我的vuejs应用程序的index.html文件中。
我的文件结构如下：

vueapp /
├──index.html
└──src/
└──资产/
└──css/
└──图像/
└──js/
└──pluins/

这是我的代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Gaming</title>
    <!-- vendor css -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
    <link rel="stylesheet" href="/assets/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/assets/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/assets/plugins/animate/animate.min.css">
    <!-- plugins css -->
    <link href="/assets/plugins/owl-carousel/css/owl.carousel.min.css" rel="stylesheet">
    <!-- theme css -->
    <link rel="stylesheet" href="/assets/css/theme.min.css">
    <link rel="stylesheet" href="/assets/css/custom.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.min.js"></script>    
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>

当我尝试打开其中一个文件时，它们只是作为vue路径加载，并且不会显示实际文件有什么想法吗？

Answer 1

如果要使用现有的CSS文件，则将CSS文件放在/static文件夹中，然后将URL编辑为/static/path/to/css。

无法从URL访问资产文件夹（因为它不是静态的）。

VueJS在主文件

1 个答案: