vuejs怎么在服务器部署

既然是布署，哪默认就应该是生产环境下的布署，vue开发的应用本质上就是静态文件,无论你用何种web服务器，放上去就应该能通过>

接下来我来帮大家来捋一捋

首先VUE 是一个javascript的前端框架，注定了它是运行在浏览器里的，对服务器本地没有任何要求，只要一个静态文件服务器能通过>

npm run dev 是用来在本地开发的时候做调试用的，vue开发的是前端的东西，不是nodejs 服务端程序，按道理讲，生产环境里就不该存在npm，甚至nodejs也不需要（用nodejs来做web静态服务的除外），楼主通过ssh进入到服务器里，再运行npm run dev 来启动哪是开发机上做的事情。正确的做法很简单，通过npm run build 把生成的dist文件夹（不要上传文件夹）里的内容上传到>

一般如果vue框架的程序上传到网站服务器的根目录下是不 会有问题的，也不存在资源文件引用错误的情况，但如果你不是根目录，就会有问题，通过vue-cli 生成的开发目录，build以后默认引用资源文件的路径是

有更多疑问 ”可以咨询 ”小鸟云，它是的一家服务器厂商，我一直在用他们产品！

用Vue插件quill-editor添加的时候默认会被转为base64编码导致数据很长，因此上传数据的时候会发生错误

1，创建quill-configjs文件

需要特别注意这一行，把服务器返回的URL赋值到富文本的img进行展示

2,Vue页面使用

安装依赖

配置备用环境变量
在根目录下创建envdevelopment文件，并添加环境变量

VUE_APP_SERVER_ID = 0

在根目录下创建envproduction文件，并添加环境变量

VUE_APP_SERVER_ID = 1

创建自动化部署脚本
在packagejson同级目录下创建文件夹deploy

在deploy文件下创建configjs和serversjs和indexjs

serversjs：配置服务器相关信息

configjs：发布前的一些处理

indexjs：发布到服务器的处理逻辑

添加packagejson中的scripts命令

效果如下

您好，ViewUI是一款基于Vue的前端UI组件库，它提供了一系列的组件，可以帮助开发者更快捷地构建Web应用。要上传预览而不传给后端，可以使用ViewUI的预览组件，该组件可以将以base64的形式存储在浏览器中，而不会发送到后端服务器，从而达到不传给后端的目的。使用该组件，只需要在页面中引入预览组件，然后将的URL传入该组件，即可实现的预览功能，而不会将发送到后端服务器。

---