一. 页面显示空白

解决方法：
config > index.js 文件修改，在 build 模块中找到 assetsPublicPath，值改为"./"，如下图所示：

二. 背景图片不显示

解决方法：

修改资源路径
build > webpack.prod.conf.js 文件修改，在 output 模块中添加 publicPath:'./'，如下图所示：
修改打包后背景图片的引用路径
build > utils.js 文件修改，在 generateLoaders 方法中添加 publicPath:'../../'，如下图所示：

完成以上配置，重新打包发布后页面正常显示。

Vue - vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决相关推荐

(三)01 -Vue项目打包发布移动App——vue.config.js中配置相对路径publicPath为空字符串在public中添加HBuilderX的打包配置文件manifest.json
Vue 项目打包发布移动 App--npm run build打包 & vue.config.js文件中配置相对路径publicPath为空字符串 & 在 public中添加HBuil ...
Vue.js-Day09【项目实战(附带完整项目源码)-day04：用户个人中心页面、用户登录页面、将项目打包部署到服务器上、项目汇报、实训心得】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 实战项目源码[链接:https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA 提 ...
vue项目打包之后放在服务器上测试的时候访问不到本地json数据的解决方法
上面的代码表示在本地开发项目时模拟后端数据.项目打包之后放在服务器上,json的路径需要按照原来的json实际路径放置才会访问到(/api/index.json)
java restful项目打包_66-JT项目04(项目打包发布/JSON/项目业务)
关于项目打包/发布问题说明利用maven工具项目打包说明: 父级JT 其中包含了2个子级项目 jt-manager 依赖于jt-common.所以项目打包是有顺序的.要先打包被依赖的项目或者直接 ...
【Python】Python项目打包发布（一）（基于Pyinstaller打包多目录项目）
Python项目打包发布汇总 [Python]Python项目打包发布(一)(基于Pyinstaller打包多目录项目) [Python]Python项目打包发布(二)(基于Pyinstaller打包 ...
SpringBoot项目打包发布
SpringBoot项目打包发布 SpringBoot打包发布jar jar类型项目可以打成jar包打包流程导入SpringBoot打包插件将项目导出成jar包并更新pom文件使用maven ...
SpringBoot系列三：SpringBoot基本概念（统一父 pom 管理、SpringBoot 代码测试、启动注解分析、配置访问路径、使用内置对象、项目打包发布）...
声明:本文来源于MLDN培训视频的课堂笔记,写在这里只是为了方便查阅. 1.了解SpringBoot的基本概念 2.具体内容在之前所建立的 SpringBoot 项目只是根据官方文档实现的一个基础程 ...
vue打包后CSS中引用的背景图片不显示问题
vue项目中,在css样式中引用了一张背景图片,开发环境下是可以正常显示,build之后背景图片不显示. 解决方法: 找到build/utils.js文件修改成为如下所示内容: 添加红框中的内容即可 ...
spring项目打包发布详细步骤
spring项目打包发布详细步骤 1.添加pom文件配置 <packaging>jar</packaging> 2.在IDEA中打开 Run - > Edit Confi ...

Vue - vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决

vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决

一. 页面显示空白

二. 背景图片不显示

Vue - vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决相关推荐

最新文章

热门文章