javascript - webpack打包后路径错误问题

问题描述

问 题

webpack小白一个，vue文件打包之后发现路径报错，检查了index文件之后发现js和css的路径为这样

<script type=text/javascript src=/static/js/app.f8d4e6b6692427d014f5.js>

发现static前面多了一个斜杠，所以导致路径错误，小弟想问一下这样的路径错误应该是哪里配置除了问题呢？项目是用vue-cli搭建的

解决方案

build目录下的webpack.base.conf.js有publicPath，自己搜索下。官方的脚手架

publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath

那一段代码按照官方的脚手架三目运算最后会输出

publicPath:'/'

你要做的就是把这段输出换成你想要的，我这里部署到服务器是这样写的，你参考下

publicPath:'./'

这篇关于javascript - webpack打包后路径错误问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！