vue.js打包上传php,vue.js如何打包放到服务器
vue.js打包放到服务器的方法:1、修改配置“config/index.js”文件;2、在项目路径中找到打包后的文件,然后运行“npm run build”;3、上传cccBlog文件夹到服务器即可。
本教程操作环境:windows7系统、Vue2.9.6版,该方法适用于所有品牌电脑。
相关文章推荐:vue.js
1、修改配置一下config/index.js文件
如下图,把assetsPublicPath: './',
productionSourceMap: false
2、运行npm run build
然后在项目路径中找到打包后的文件,在项目文件的dist文件夹下面的static和index.html就是打包后的文件。然后我自己创建了cccBlog文件夹,把static和index.html拷贝到cccBlog下面,然后向服务器上传这个cccBlog文件夹就可以了。
3、上传cccBlog文件夹到服务器,我的是tomcat服务器
4、然后访问tomcat下面的cccBlog下面的index.html就可以了。
5、需要注意的是:图片资源命名的时候不要有中文,因为中文的话服务器访问可能图片显示不出来。
vue.js打包上传php,vue.js如何打包放到服务器相关推荐
- html表单调用js文件上传,简单实现js上传文件功能
本文实例为大家分享了js实现上传文件功能的具体代码,供大家参考,具体内容如下 一.用input完成上传,效果图如 选择文件后,提交后出现图片url 二.传输格式采用form-data形式. html代 ...
- vue php 文件上传,使用vue.js和laravel上传文件
我尝试在vue.js和laravel中上传pdf文件,files_array是这样定义的:data(){ return { formData: new Form ({ files_array:'', ...
- vue前端实现上传文件,vue 上传文件
以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载. 准备文件上传的API #region 文件上传 ...
- egg.js ajax上传文件,egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名...
一.需求 egg.js 的文件上传个人觉得很一般,内置的 multipart 插件并不怎么好用. egg-multipart 也是基于 co-busboy 实现的. egg 官方给的文件上传的示例地址 ...
- dropzone js video上传使用frame-grap.js生成缩略图
第一步:从github上下载frame-grap组件,下载的压缩里,只有下面两个文件是有用的 rsvp.js 和 frame-grab.js,目录: /frame-grab.js-master/cli ...
- iOS开发进阶 - 使用shell脚本自动打包上传到fir.im上
如果移动端访问不佳,可以访问我的个人博客 用fir.im测试已经好长时间了,感觉每次打包上传都很麻烦,想着是不是可以用脚本自动打包,在网上搜了一下确实有,下面总结一下如何使用脚本自动打包上传到fir. ...
- npm上传自定义vue组件入门
webpack版本是1.13.1 自己写的VUE组件,上传到npm,然后通过npm install xxx -S 安装到 package.json里面的 "dependencies" ...
- vue使用upload上传附件
vue使用upload上传附件 这里的上传附件包括视频,图片,等各种格式 效果图 文章目录 vue使用upload上传附件 这里的上传附件包括视频,图片,等各种格式 效果图 ![在这里插入图片描述]( ...
- ipad html 自定义裁剪图片大小,移动端图片裁剪上传插件 Mavatar.js(原创)
插件描述:移动端头像上传,支撑头像预览和放大缩小平移,内置上传至后端请求方法. 注:请在移动端用手势查看缩放效果,PC端无法缩放 Mavatar 移动端头像上传,支撑头像预览和放大缩小平移,内置上传至 ...
最新文章
- 10句“金玉良言”,助你面试成功!
- .net core ef动态orderby
- PrimeFaces Mobile入门
- 洛谷 深基 第1部分 语言入门 第4章 循环结构程序设计(2022.02.14)
- HDU 2277 Change the ball
- java诺基亚nba,HMD 签约NBA 新秀劳里·马尔卡宁 为诺基亚手机品牌大使
- 一纬度横直线等于多公里_必备 | 高中物理必修一、必修二知识点提纲,预习复习一次搞定!...
- 路由的跳转 , 动态路由的配置
- 找不到具有不变名称“System.Data.SqlClient”的ADO.NET提供程序的实体框架提供程序
- (第三场) C Shuffle Cards 【STL_rope || splay】
- 跳槽高峰期,请注意:技术面试九忌
- mvc actionresult返回各种文件
- 07 - 雷达发射机的主要质量指标
- class CText{}; CText t; int const CText::*p; 什么意思?
- 推荐几个程序员赚钱的平台,你有技术就有钱!
- 小程序跳转至企业微信客服wx.openCustomerServiceChat
- 神经系统图 基本结构图,神经系统结构图示意图
- SpringBooot:Redis:根据两地经纬度计算距离
- Apollo星火计划学习笔记——第六讲上自动驾驶感知基础(I)
- Linux性能优化:性能优化工具
热门文章
- 计算机专业和半导体有关吗,半导体是什么意思 研发半导体学什么专业
- Java 有限状态机 (设计模式——状态模式)
- ABB机器人与c#程序socket通信连接不上解决方法
- 【Unity】Unity 常用插件
- html 无效,如何让css失效?
- 【RabbitV3.0】WP主题justnews4.0二开版本[WordPress主题]
- 机器学习算法学习---处理聚类问题常用算法(三)
- 116. 填充同一层的兄弟节点
- 【专升本计算机】甘肃省2020年专升本计算机测试题
- php上传2个文件代码,php文件上传类程序代码(2)