vue打包时的publicPath，就是打包后静态资源的路径

码林鼠

已于 2024-11-17 22:13:50 修改

阅读量1.1w

点赞数 5

CC 4.0 BY-SA版权

文章标签：自动化 python javascript

于 2021-03-02 16:43:08 首次发布

本文介绍了Vue项目中静态资源加载失败的原因及解决方法。当未配置vue.config.js或publicPath属性缺失时，静态资源默认从服务器根目录加载，需将dist下的静态文件移至服务器根目录。配置publicPath为'./'时，静态资源从dist目录加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

当不配置vue.config.js或者没有publicPath属性时，默认访问的静态路径是服务器的根目录
在这里插入图片描述

服务器根目录下没有js文件夹所以访问失败，把dist下的js,css等静态文件剪切到wamp/www目录下就可以正常访问了（注意重启wamp）

在这里插入图片描述
当配置为当前目录’./’

访问正常，其实publicPath当前目录即打包后的index.html的当前目录，即dist目录，怎么证明，把publicPath的值设置为’…/'，看看情况三

在这里插入图片描述

在这里插入图片描述
又报错，把js,css等静态文件复制到wamp/www目录下试一下

访问成功，说明：publicPath设置为当前目录’./'就是dist目录的设想，没错