vue打包过后的文件如何放到thinkphp框架下

vue打包后在dist文件夹里有index.html和static文件夹,如果把这两个文件直接放到服务器根目录下,是不会有问题的。但是,如果放到不是根目录的其他路径,都会报错。比如放到thinkphp的view目录下。这是因为打包后的静态文件是相对当前url的。
比如你想请求a.png图片的实际路径是

网站根目录下的static/img/a.png

但访问的网址是

http://www.xxx.com/index

结果图片的路径就变成了

http://www.xxx.com/index/static/img/a.png

图片的路径错了,这样当然无法访问到图片。
解决办法:
修改vue里面的webpack配置文件。具体就是build文件下的webpack.prod.conf.js的publicPath


修改publicPath:'/hot' 表示将静态文件路径设置为/hot/static/ 。
修改publicPath:'/static/index' 表示将静态文件路径设置为/static/index/static
(你需要将打包后的static文件夹复制到/static/index目录下)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容