vue 单文件组件 *.vue 组件

本文探讨了如何将使用Vue.js开发的项目部署到Tomcat服务器的过程。作者尝试直接将文件复制到Tomcat环境中但遇到了问题,最终通过webpack进行打包,并调整了资源路径配置才成功部署。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue 单文件组件文档


尝试把 vue-cli 生成的框架脱离 node.js 环境运行,直接把 index.html 和 src 文件 拷贝到 tomcat/web-apps 下面,结果不行,


回头查了上面的文档,才知道需要用 webpack 打包才行,项目目录下,执行

cnpm run build

生成一个 dist 目录,直接拷贝到  tomcat/web-apps  下,还是不行,好多 404 错误,

发现 index.html 引用 js 文件 都是用的绝对路径 “/static/js/******.js" ,把 “/" 去掉,显示OK,


webpack 把所有的 js vue 都打包到几个 js 和 map 文件里,那我想要改动个别文件,岂不是还得重新打包发布,

这样不科学啊,看来想 用好 vue 还得学 vue-loader 和 webpack ,前端开发好麻烦。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值