打包后找不到,访问的地址是:D:\static 不是相对地址;打包后: /不代表当前目录,代表根目录,所以是D:\static。比如我引入海康的js。打包后就是 D:\static。把 / 去掉就可以拉!
1.静态资源如css,img,
js
,请放在根目录的static文件夹里,
因为
electron
打包
后会复制一份static文件夹到dist文件夹中
这样项目引入的静态资源就不会报路径错误了。
2.字体文件比较特殊,如果引入的是前端框架文件,引入的字体 路径不是我们能控制的。所以我们需要修改下C:\Users...
使用的是:
Electron
Builder
文档为:https://nklayman.github.io/
vue
-cli-plugin-
electron
-builder/guide/#installation
开发完成后
打包
,由于内部文件
引用
了
electron
-log,
打包
后发现提示Cannot find module,于是开始寻
找
问题所在:
查看了一些资料后,检查外层的package.
js
on中的dependencies发现很全
"dependencies": {
"core-
js
":
2、图片等静态资源无法加载的问题:
打包
时一般会将静态资源文件放在“
打包
文件名\resources\app\dist\
electron
"路径下,若你的静态文件没有复制到这里,那么应用程序将无法
找到
,即应用程序会在这个文件夹中
找
静态资源。
解决方法:
先把静态资源放
搜了一些解决方案,发现很多人只贴一点代码,就说解决了。我照葫芦画瓢,却依然无法实现,这就导致我“既不知其然也不知其所以然”。于是我研究了config/index.
js
的配置,摸索出
找到
静态文件的方法,分享如下:
先说需求:
a.我希望
打包
出来的结构是:
(别问为什么这么麻烦,都是项目需要/0.0\)
- static
---- v...
在
vue
项目完成后
打包
上线,放到服务器上发现
js
和css引入
不到
,页面加载不出来。
需要在
vue
项目的config文件夹的index.
js
文件里面配置对应的路径。
build: {
assetsPublicPath: '/xxx/' // 默认为'/'