项目打包后将dist文件夹里面的文件,放到apache服务器上,并打开后台服务器及数据库,
dist文件夹中文件如下
image.png
问题:
问题1. 打开页面为空白页,报错显示未请求到数据
原因: 打包时未修改文件的路径,默认是绝对路径,故页面结构都出不来
解决办法: 修改 config.文件夹中的index.js文件中的如下:
image.png
修改如下,并重新打包,再上传文件
assetsPublicPath: './',
productionSourceMap: false
问题2: 打开页面背景图片不显示问题
原因: 也是由于背景图路径的问题
解决办法:
修改build文件夹下面的 utils.js文件
image.png
如图代码中加入:
publicPath:'../../',
就能解决问题啦
Vue项目打包以及遇到的问题 项目打包: 运行 npm run build 即可 项目打包后将dist文件夹里面...
npm run build 打包成功........生成一个dist文件夹，然后双击index.html一片空白，...
1，前言 分享一下vue项目中利用.env文件存储全局环境变量，以及利于项目开发的vue启动以及打包命令。 2，....
一、构建 VUE 项目 直接用官网的方式建立vue 项目 二、打包 VUE 项目 2.1 打包项目介绍 会在项目...
问题： 对vue项目进行打包的时候,遇到了一些组件问题,比如分页组件的箭头,下拉框组件的箭头打包完成后会出现方框显...
今天vue打包文件遇到的问题： vue打包后index访问的是首页，而非登录页面，在对router.beforeE...
vue项目打包成app前需要先将文件打包运行: npm run build打包后会遇到页面为空， 因为打包后的in...
解决vue cli3.0打包上线静态资源找不到路径问题 项目中遇到打包之后静态资源路径找不到，报如下错误： 解决方...
vue项目打包出现空白页的问题可能会有几个方面导致，下面就一一说来。 一、打包路径问题 需要在vue.config...
vue-webpack项目配置以及打包流程详解 我认为如果你要用webpack打包项目，首先你需要有一个思维的转化...
本文标题：Vue项目打包以及遇到的问题
本文链接：https://www.haomeiwen.com/subject/xsxtgftx.html
网友评论