首页 IT程序员内容详情

Vue 打包,放到服务器的问题 总结

2021-03-31 50202 编程艺术家

Failed to load resource: net::ERR_FILE_NOT_FOUND或者vue dist文件下的index.html没显示

vue-cli  npm run dev 可以看到,但是通过dist文件下的index.html直接打开没显示,没看到  


知乎上:webpack.prod.conf.js 中output添加参数publicPath:'./'


具体:


在webpack.base.conf.js里


publicPath: process.env.NODE_ENV === 'production'

      ? './' +config.build.assetsPublicPath

      : './' + config.dev.assetsPublicPath

1

2

3

4

5

6

7

8

9

10

11

vue的图片路径,和背景图片路径打包后错误解决





1、找到 config->index.js里面,如下修改



2、找到 build->utils.js,在里面加入一句publicPath:’../../’,



配置修改完成,接下来,使用有两种方式,这里一般和文件结构有关,下面是我的文件结构下的使用


1、图片资源放在 assets->img文件夹下面


img标签引入图片


<img src="../assets/img/loginback.png" class="test-img" />

1

css使用图片


background: url('../assets/img/loginback.png') no-repeat top left ;

1

2、图片资源放在static->img文件夹下面


img标签引入图片


<img src="../../static/img/loginback.png" class="test-img" /><br><img src="static/img/loginback.png" class="test-img" />

1

css使用图片


background: url('../../static/img/loginback.png') no-repeat top left ;

————————————————

版权声明:本文为CSDN博主「lhb_11」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/lhb_11/article/details/79455015


相关标签: # vue

 暂无评论,快来抢沙发吧~

发布评论