时间戳

首页 > 解决方案 > webpack vue build：构建时如何在每个链接中删除额外的“/”

javascript - webpack vue build：构建时如何在每个链接中删除额外的“/”

问题描述

好的，我知道这是个愚蠢的问题。但我真的很沮丧。我目前正在通过 vue-cli 使项目使用 vue。
这是 webpack 构建结果

<!DOCTYPE html>
 <html>
  <head>
  <meta charset=utf-8>
  <meta name=viewport content="width=device-width,initial-scale=1">
  <title>media-belajar</title>
  <link href=/static/css/app.cca059254702f9ed953b7df749673cf4.css rel=stylesheet>
  </head>
<body>
 <div id='app'></div>
  <script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script>
  <script type=text/javascript src=/static/js/vendor.2420502e2b2c7f321d64.js></script>
 <script type=text/javascript src=/static/js/app.f16ac5c624284d30f5af.js>   </script>
</body>

</html>

查看每个链接，每个链接都有额外的“/” /static：。它使资产不会加载。

标签： javascriptwebpackvue.js

解决方案

链接文档说新的推荐解决方案是使用 publicPath 而不是 baseUrl：

// vue.config.js
    module.exports = {
        publicPath: ''
    }

我最近在 IIS 中托管了一个 Vue 应用程序，上面的文件/代码解决了我遇到的所有 404 错误。

推荐阅读