import () 动态加载的 JS 文件路径不对,想要添加一个 base_url 该怎么弄?[两问]
import(node_modules里面的某个模块).then(...)
动态加载js文件,如截图所示,提示js文件不存在。实际上文件是存在的,只是相对路径不对,必须改成下面这样的才行
http://w.toa.cn/laravel54/public/124.js
http://w.toa.cn/laravel54/public/32.js
http://w.toa.cn/laravel54/public/83.js
一问:让webpack打包后的资源路径不是网站根目录,而是相对于 /laravel54/public 这样的目录。请问这该怎么弄?求教……
答案:在laravel-mix里面配置publicPath选项即可解决问题。
二问:一波刚平一波又起,这次是 mavonEditor 的图标字体显示不出来了,同样的是路径错误……咋弄哦?
如上图,对于element-ui里面的图标同样出不来了,本应该显示向上、向下的箭头的,不是 □、|
仍然没能解决这个问题,昨晚到今天,一直没能解决。目前我是想到了一个办法:设置mavonEditor为“后编译”,然后利用laravel-mix里面配置的publicPath选项,将前端资源与mavonEditor一起打包,应该会让图标显示出来的。问题是:怎样实现mavonEditor的“后编译”呢?
麻烦大了,element-ui里面也存在同样的问题(0楼图3所示)
差!鉆牛角钻了两天搞不定这个……真把我给逼急了,最后不得已,只能采用最为原始但是的确有效的办法给解决了……简单、粗暴、缺乏技术含量。
不客气
折腾啊,建议去掉
laravel-mix
用vue cli 3
,,,刚刚试了一下,这个publicPath还是有问题……
方法2访问下列资源都不存在的
http://w.toa.cn/js/83.js?id=5514c5e43f4621b1d009
http://w.toa.cn/fonts/vendor/mavon-editor/dist/fontello.woff2?8d4a4e6f7431d0d7fa92b1df20f38161
改成下面的链接才能访问(添加相对路径/laravel54/public)
http://w.toa.cn/laravel54/public/js/83.js?id=5514c5e43f4621b1d009
http://w.toa.cn/laravel54/public/fonts/vendor/mavon-editor/dist/fontello.woff2?8d4a4e6f7431d0d7fa92b1df20f38161
方法1配置了这个相对路径,可行的!但是方法1只能加载 js 文件,如果node_modules里的文件包引入了字体图标,一样找不到。
能看下你的
nginx
配置吗,如果是直接在 Laravel 里面使用不需要额外配置,默认配置就可以使用。