vue-cli 官方模板webpack-simple的npm run dev 与npm run bulid的一些问题

npm run dev命令后并不会在dist目录下生成build.js文件,开发环境下build.js是在运行内存中的。

在package.json的scripts属性的dev后面加上--port 8090可以指定监测端口为8090。

通过官方下载下来的,运行npm run dev没问题,但运行npm run bulid却发生问题了。将index.html引用的js文件地址改成相对路径后好了,

但无法显示图片。没办法,自己搭了个express服务器找问题,最后搞清楚了。在npm run dev的时候,通过vue-devtools可以看到,图片地址

内存里运行的图片引用地址也是绝对路径,因此本地运行index.htm肯定路径有问题。放到服务器里后,图片的地址

是服务器静态资源根目录下的dist文件夹里的png图片。

总结,生成的dist是个静态文件夹,要放在服务器根目录里。

这个地方要小心。

转载于:https://www.cnblogs.com/zhansu/p/6288865.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值