在服务器中使用Nginx部署打包的Vue项目

在我们通过Vue-cli开发的项目，如何部署到服务中，能够使得别人也能访问我们写的项目呢，其 *** 作与部署网页到服务器类似，其 *** 作可参考 部署网页到服务器 ，也可跟着我往下一步一步的进行。

将打包好的dist文件上传到Nginx安装目录下的test/test1下（ 目录可随意 ），效果如下图所示：
在Nginx安装目录下，通过以下命令启动Nginx：

至此，在服务器中部署Vue项目已经完成了，即可以通过ip或域名访问了，效果如下所示：

如果Nginx是已经启动的，可通过以下命令重启Nginx：

可通过以下命令查看Nginx是否启动成功

希望能帮到你，不要忘了点个赞哟！

可以。CLI脚手架是为了保证各施工过程顺利进行而搭设的工作平台，本地没有该平台也可以通过vue-cli脚手架搭建项目，webpack设立一个本地服务器作为请求的代理对象，通过该服务器转发请求至目标服务器，得到结果后再转发给前端。

跨域问题来源于JavaScript的同源策略，即只有 协议+主机名+端口号 (如存在)相同，则允许相互访问。也就是说JavaScript只能访问和 *** 作自己域下的资源，不能访问和 *** 作其他域下的资源。

vite是什么？

与Vue CLI类似， Vite也是一个提供基本项目脚手架和开发服务器的构建工具。

然而，Vite并不是基于Webpack的，它有自己的开发服务器，利用浏览器中的原生ES模块。这种架构使得Vite比Webpack的开发服务器快了好几个数量级。Vite采用Rollup进行构建，速度也更快。

Vite目前还处于测试阶段，看来Vite项目的目的并不是像Vue CLI那样的一体化工具，而是专注于提供一个快速的开发服务器和基本的构建工具。

它的两主要组成部分 ：

Vue/cli：

Vite：

可以。在服务器上已经安装了nginx服务器的情况下进行，需要三台nginx服务器。现已经在10454220服务器上安装了3台nginx服务器，正式发布linux服务器应该是要3台，并在每台linux服务器上安装一台nginx服务器，vue-cli可以向nginx分作负载均衡服务器和nginx静态服务器，该项目部署是nginx、nginx1做静态服务器，nginx3做负载均衡服务器。

---