解决Vue项目打包后上传至服务器出现404错误，但本地正常运行的问题
5星
- 浏览量: 0
- 大小:None
- 文件类型：PDF
简介：
本文章主要讲解在使用Vue框架开发项目时，遇到的一个常见问题——项目构建完成后部署到服务器上访问出现404错误，而相同代码在本地却可以正常运行。文中详细分析了该现象的可能原因，并提出了一系列解决办法和预防措施，旨在帮助开发者们高效地排除此类障碍，确保项目的顺利上线。
1. 使用脚手架搭建一个Vue项目。
2. 在本地运行该项目没有任何问题，但当打包到服务器上后遇到了404错误。
这是使用Webpack打包的结果，解决办法如下：
在build文件夹下的utils.js文件中大约51行添加：
```javascript
publicPath: ...
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: vue-style-loader,
publicPath: ... // 这里需要根据实际情况填写正确的路径信息。
})
} else {
return [vue-style-loa...
```
请确保在添加`publicPath`时，正确设置项目部署的路径。
全部评论 (0)
还没有任何评论哟~
