生产环境图片路径不对

来源:5-6 生产环境服务端渲染

qq_无理_0

2018-06-12

其他文件都能加载,只有图片路径不对,其他路径都是3333端口的,开发环境一切正常

正确的路径应该是http://127.0.0.1:3333/public/src/assets/images//bg-55db3d93.jpeg

是我哪里设置不对吗,哪里可以查看老师的源码

//img.mukewang.com/szimg/5b1f5ed80001aa4105260196.jpg

写回答

5回答

lesliekai

2020-03-18

可以解决,指定Loader中的publicPath

{
          test: /\.(gif|jpg|jpeg|png|svg)$/,
          use: [
            {
              loader: 'url-loader',
              options: {
                publicPath: '/public/', //这里需要区分生产环境与开发环境
                limit: 1024,
                name: 'resources/[path][name].[ext]'
              }
            }
          ]
        }


0
0

lesliekai

2020-03-18

同问,请问解决了吗?是啥情况

0
0

慕瓜5615348

2020-03-12

GET http://127.0.0.1:8000/public/resources/client/assets/images/beijing.e7746a9f.jpg net::ERR_CONNECTION_REFUSED 

我的也是这个问题,其他css, js 都是可以的,就是背景图片不行,把base里的publicPath改了就可以了,但是为什么client里的publicPath改了不行

0
0

eggtartsbest

2018-07-27

我也是这个问题 请问怎么解决的?

0
0

qq_无理_0

提问者

2018-06-12

我发现问题是client里面的publicPath没有覆盖掉base里面的publicPath,只有图片的没有覆盖掉,这是为什么啊,我把base里面的publicPath改成/public/就可以了,但是肯定不是解决方法,谁知道为什么啊,我用的是webpack4

0
8
qq_技术王晓磊_0
回复
qq_无理_0
你好请问最后你是怎么解决的呢
2019-06-14
共8条回复

Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲

深入讲解Vue核心技术,展示Vue应用开发中的各种问题和解决方案

3168 学习 · 853 问题

查看课程