vue-cli创建的项目下index.html将所有外部资源的内
2019-01-07 本文已影响0人
南城北港et
当时情况：
需要在vue项目的index.html文件引入初始化样式的全局css文件，css文件放在src目录下。（以下是当时的代码)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>my-project</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="./src/common/css/reset.css">
<div id="app"></div>
</body>
</html>
结果文件引入成功，但是内容却不是原有的css文件内容（以下是当时情况）
image.png
解决方案：
将需要引入的样式文件移到static文件夹下，然后问题就解决了。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>my-project</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="./static/common/css/reset.css">
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
（原因不详，先做个记录。往后再花时间弄懂原因）
