这个坑超级坑,独立搭过项目的兄弟应该会遇到,控制台报这个错
是不是摸不着头脑?
● publicPath
●Type: string
●Default: ‘/’
部署应用包时的基本URL。用法和webpack本身的output . publicPath-致, 但是VueCL在其他地方也需要用到这个值,所以请始终使用publicPath 而不要直接修改webpack的output . publicPath。
默认情况下,Vue CLI会假设你的应用是被部署在一个域名的根路径上,如果应用被部署在一个子路径 上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在https://www. my -app. com/my-app/,则设置publicPath 为/my-app/ 这个值也可以被设置为空字符串(”)或是相对路径( ‘./’ ),这样所有的资源都会被链接为相对路径,这样打出来的包可以被部署在任意路径,也可以用在类似 Cordova hybrid应用的文件系统中。
相对publicPath的限制
相对路径的publicPath 有一些使用上的限制。
在以下情况下,应当避免使用相对
publicPath :
当使用基于HTML5 history. pushState 的路由时;
当使用pages 选项构建多页面应用时。
这个值在开发环境下同样生效。如果你想把开发服务器架设在根路径,你可以使用一个条件式的值:
history模式下 vue.config.js中publicPath不要设置为相对路径
正确如下