vue项目在chrome浏览器运行，运行项目地址是https的，但上面的后端传过来的图片地址是http的，页面上显示不出来，改怎么办，如何让https的页面显示http地址的图片？

在Vue项目中遇到这种情况，主要是因为浏览器出于安全考虑，会限制从HTTPS页面加载HTTP资源，尤其是对于图片等敏感内容。解决这个问题有几种常见的方法：

1. **使用相对路径**：如果图片在后端服务器上也是同一域名下的，你可以尝试将图片URL修改为相对于当前HTTPS页面的路径，例如从`http://example.com/image.jpg`改为`/image.jpg`。

2. **混合协议配置**：如果你对前端有一定的控制，可以在Webpack或vue.config.js文件中设置跨域处理，允许通过代理访问HTTP资源。可以设置一个代理规则，比如：

   devServer: {
     proxy: {
       '/api': {
         target: 'http://your-http-backend.com',
         changeOrigin: true,
         secure: false,
       },
     },
   }

这样所有匹配`/api`路径的请求都会转发到指定的HTTP地址。

3. **使用CORS**：如果后端支持CORS（跨源资源共享），则需要在后端设置响应头`Access-Control-Allow-Origin`，允许来自HTTPS站点的请求获取资源。

4. **使用CDN服务**：如果HTTP图片不是同域名的，可以考虑将图片托管到CDN上，并设置CDN支持HTTPS和HTTP双协议，确保可以从HTTPS页面访问。

5. **服务器端处理**：最根本的解决方案可能是升级后端服务，使其能提供HTTPS版本的图片链接。

总之，尽量使用HTTPS安全协议，但为了兼容性，上述方法可以帮助你暂时解决问题。选择哪种方法取决于项目的具体情况和技术栈。