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

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

在我们通过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做负载均衡服务器。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/13502301.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-08-20
下一篇 2023-08-20

发表评论

登录后才能评论

评论列表(0条)

保存