关于vue-cli + webpack打包给后台,部署上线
来源:互联网 发布:安智市场软件 编辑:程序博客网 时间:2024/06/04 18:21
1.路径问题
(1).脚手架 + webpack打包必然是npm run build,但是后台用tomcat部署上线的时候,可能会衍生出一点问题,比如,路径问题(这里的路径问题,是因为在项目中,我们使用了绝对路径,这里必须要用相对路径,但是打包后,还是会报错,说是找不到assets文件夹下的各种资源,包括images,css,js,是因为,当初在全局引用的时候,写在了index.html中,安全起见,可以写入app.vue中);
(2).在打包前还要在config文件夹中的index.js中设置一个路径问题,不然也会报错,在js中找到build:{assetsPublicPath: './'},默认路径是'/',需要加上'.'
2.favicon.ico
(1).favicon图标也在index.html中引入了link的那句话,这个可以在webpack.dev.conf.js中的
new HtmlWebpackPlugin({
favicon: './favicon.ico'
})加上这个路径,便可以找到这个图标;
3.打包好后可以自己测试运行是否正常
(1).这个时候需要利用node中的express,方法如下:
安装express: npm install -g express;
最新express4.0版本中将命令工具分家出来了,还需要安装一个命令工具: npm install -g express-generator;
创建一个express工程: express helloworld;
进入项目主目录: cd helloworld;
安装必备包: npm install;
启动程序: npm start;
把打包后的dist文件夹放在public文件夹里,访问http://localhost:3000/dist就能看到项目了,这样测试好了后,就可以丢后台了
阅读全文
1 0
- 关于vue-cli + webpack打包给后台,部署上线
- vue-cli 快速构建vue应用,实现webpack打包
- 关于webpack和vue系列框架(vue-cli),后台返回本地图片的url在本地显示不出来
- Vue项目webpack打包部署到服务器
- 开始 vue-cli webpack 打包工具的demo
- 通过Vue-cli进行webpack打包的坑
- Vue-cli+router+webpack
- webpack与vue-cli
- vue-cli + webpack + vue-router
- vue-cli的webpack项目,webpack-hot-middleware热加载热部署有时候不刷新页面
- 使用Vue-cli下载一个以webpack打包的vue模板
- vue-cli+webpack引入jQuery
- vue-cli中的webpack配置
- vue-cli webpack 使用sass
- vue-cli webpack 引入 swiper
- webpack构建vue-cli环境
- vue-cli中的webpack配置
- vue-cli webpack 配置分析
- Hadoop大数据处理技术综合实验
- 纯html跨域访问java接口
- IDEA建空的项目(已有的项目架构)
- 用Tensorflow实现简单的KNN
- 输入三个数按从大到小排列
- 关于vue-cli + webpack打包给后台,部署上线
- 二叉树(Binary tree)--算法学习之路(一)
- 整理的优秀博客链接
- UE4 动画重定向之不同的骨骼共用同一套动画
- centos6.5网卡绑定,shell脚本
- vue项目中对axios的封装
- 移动端+微信小程序实现,手机端滑动分页代码思路
- 企业级负载平衡简介
- CronTrigger