Question

好吧，我知道这是愚蠢的问题。但是我对此感到非常沮丧。 iam目前正在通过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。导致资产无法加载。

Answer 1

您可以在/config/index.js文件中编辑assetPublicPath选项。

从此：assetsPublicPath: '/'

对此：assetsPublicPath: ''

这应该删除前缀的斜杠

Answer 2

您需要在项目根目录中创建 vue.config.js 文件，并将以下内容放入其中：

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

在Vue documentation

上了解更多信息。

Answer 3

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

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

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

webpack vue构建：构建时如何在每个链接中删除其他“ /”

3 个答案: