vue-cli中打包图片路径错误

时间 2020-09-20

标签 vue cli 打包图片路径错误繁體版

原文原文链接

最近第一次使用vue-cli构建项目，第一次打包部署到服务器上的时候出现图片加载不出来，结合网上的方法，终于给摸索出来。将项目部署到服务器上分为两种：一种是直接部署到服务器的根目录，另一种是部署到服务器的子目录下vue

1.咱们首先来讲部署到根目录下就是好比：www.****.com vue-cli

找到项目中config文件夹下的index.js文件 npm

将文件中的 assetsPublicPath: '/',改为以下方框这样。服务器

这样的目的是将绝对路径改为相对路径ui

若是放在根目录下，这样就能够了spa

2.放在子目录下如：www.***.com/community/distrouter

分为两步第一步和上面的同样blog

若是你还用到路由的话，将router文件夹下的index文件，改为以下图这样图片

用npm run build命令打包完以后，就将dist文件放到community文件夹下，这样图片就能够显示出来了路由