vue 打包注意事项

1.把绝对路径改为相对路径：打开config/index.js 会看到一个build属性，这里就是我们打包的基本配置了。在这里可以修改打包的目录，打包的文件名。最重要的是一定要把绝对目录改为相对目录。即：把 assetsPublicPath:’/’ 改为 assetsPublicPath:’./’

图片引用时，是有区别的，如果是静态加载(template/style下)，直接用相对地址即可，如果是动态加载(script下)，则需要 require(‘相对地址’) 才能成功（import也可以的）！
打包之前检查图片命名，千万不能有文字命名的图片，可以是英文或者拼音或者数字，但是千万不能有中文，不然会报错，打包不成功！！！

vue 打包注意事项相关推荐

Cordova + vue 打包安卓(Android) apk
Cordova + vue 打包安卓(Android) apk 本系统通过Vue集成Cesium制作的高精度三维地图引擎,在此基础上进行Android封装,封装与2022-9-26日,亲测可用. 第一 ...
将vue打包为APP重要步骤和流程
一.大致流程 1.项目整体使用Vue+HbuilderX(或者Hbuilder)开发 2.使用Vue来实现基本页面跳转,增删改查等app基本功能, 3.当需要使用到app原生功能则使用 mui.js ...
flask 渲染 vue 打包后的dist文件（直接用后端渲染）
flask 渲染 vue 打包后的dist文件(直接用后端渲染) vue项目打包出dist文件 npm run build 代码 from flask import Flask from flask ...
vue 打包后访问接口报错404 解决方案（前提是在vue里使用了代理）
vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理) 参考文章: (1)vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理) (2)https://www. ...
vue打包后element-ui部分样式（图标）异常问题
vue打包后element-ui部分样式(图标)异常问题参考文章: (1)vue打包后element-ui部分样式(图标)异常问题 (2)https://www.cnblogs.com/ljwsyt ...
vue打包后element-icon不显示问题解决
在vue打包完,发现很多问题,来整理下: 第一:使用element框架的icon时候,开发环境下是没有问题的,打包完以后出现小方块,页面不显示, 解决办法:找到utils.js文件,加 publicP ...
vue打包后css路径_Vue打包后访问静态资源路径问题
Vue打包后访问静态资源路径问题 Vue介绍中static文件夹里放的是静态资源目录,如图片.字体等. 我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢? 我们 ...
vue打包后图片路径错误
2019独角兽企业重金招聘Python工程师标准>>> 错误原因 vue-cli中将图片资源路径放到了src的assets中,引入图片路径写的相对路径,打包发生错误首先,出错点在u ...
vue 打包路由报错_Vue下路由History模式打包后页面空白的解决方法
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往 ...

vue 打包注意事项

vue 打包注意事项相关推荐

最新文章

热门文章