解决打包后加载资源的路径问题

Vue项目，访问打包好的项目后，输入路径，页面会加载空白。这时会出现两种问题，都是路径问题。

1.一个是css、js、ico和其他文件无法加载，但是目录中缺少dist

空白打开页面。

解决方法：

config/index.js文件中build-assetsPublicPath的默认值更改为“”。/'

AssetsPublicPath:资源的根目录。这是通过http服务器运行的url路径。使用。/'，因为webapp和static之间有一个层距离

2.另一个是简单地使用背景图像中的相对路径会导致图片没有被加载。

例如，登录页面的背景图设置

我的目录结构是这样的。

您只能使用./././不使用页面时为静态。

此时打包的登陆页面引用了错误的图片路径，还有一个/static/css

解决方法：

extract textplugin . extract=add public path : './.build/utils.js文件中的“/”

publicPath:覆盖加载程序的publicPath的设置

以上解决打包vue-cli webpack后加载资源路径的问题，就是边肖与大家分享的全部内容。希望能给大家一个参考，多支持我们。