vue项目打包之后静态资源无法显示
时间: 2023-09-14 09:14:02 浏览: 119
Vue打包后访问静态资源路径问题
可能是因为打包后的静态资源路径被修改了,需要修改配置文件中的静态资源路径。
1. 确认打包后的静态资源路径
在打包后生成的 dist 目录下查看静态资源的路径,如图片、CSS、JS 等文件的路径是否正确。
2. 修改静态资源路径
在 Vue 项目中,静态资源的路径一般是通过配置文件中的 publicPath 来设置的。打开配置文件 vue.config.js,将 publicPath 设置为 './'。
```
module.exports = {
publicPath: './'
}
```
如果静态资源存放在自己的服务器上,可以将 publicPath 设置为服务器的地址。
3. 重新打包项目
修改配置文件后,重新运行打包命令,将打包后的文件上传到服务器即可。
阅读全文