logo标签列表

webpack vue 构建：如何在构建时删除每个链接中的额外'/'？

javascriptwebpackvue.js
4

好的，我知道这可能是一个愚蠢的问题，但它真的让我很沮丧。 我目前正在使用vue-cli制作项目，涉及到it技术方面。 下面是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。这会导致资源无法加载。

3个回答
8
链接的文档指出，新的推荐解决方案是使用publicPath代替baseUrl：
// vue.config.js
    module.exports = {
        publicPath: ''
    }

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

1
你可以在/config/index.js文件中编辑assetsPublicPath选项。
从这个：assetsPublicPath: '/' 到这个：assetsPublicPath: '' 这样应该可以去掉前缀斜杠。
0
你需要在项目根目录下创建一个名为vue.config.js的文件，并将以下内容放入其中：
// vue.config.js
module.exports = {
    baseUrl: ''
}

请阅读Vue文档以获取更多信息

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接