1.4、Vue项目部署 首先将打包好的项目放到服务器上,注意不要放在/root(如果是root用户,主目录~就是/root目录)目录下,否则nginx会无法访问到,接下来配置nginx.config: cd /usr/local/nginx/conf/ vim nginx.conf 配置如下: server{listen80;server_namewww.panzvor.com;# 域名或者iproot/usr/local/www/dist;#...
cd/usr/local/nginx/sbin/./nginx -s reload 四、配置vue访问(可选) root 就是你打包后vue的文件夹地址 index 指的你要访问的页面
2、前端,VUE静态资源。 如果没有安装过node的先安装node 、npm 进入前端项目根目录,执行 nmp run build 构建完成后,可以看到前端项目根目录下多了一个dist文件夹,这就是要部署的前台文件, 复制dist文件夹到centos下, 3.修改nginx配置文件。 vi /usr/local/nginx/conf/nginx.conf 新建server 节点 1 2 3 4 5...
一、环境准备 1、centos7系统 2、mysql数据库 3、在centos7虚拟机上安装好nginx 二、部署内容准备 1、后端war包 或者可执行jar 因为我这里是spring boot项目。我就以可执行jar文件作为后端部署内容,如果是war包,…
2. 部署 2.1 使用Vue生成前端文件 2.2 创建Docker file文件 2.3 配置Nginx代理 2.4 Docker打包镜像并运行镜像 2.5 测试 3. 踩坑总结 1. 前言 由于项目使用的前后端分离结构,采用nginx作为服务器代理前端解决跨域问题。 阅读本文之前,需要有了解过Docker、Vue、Nginx、CORS内容。
nginx -v nginx -V ``` 好了到这里Nginx就算安装上了,至于配置文件先放一放,等项目都拷贝上来,再进行配置。 这里简单给大家看一下nginx的默认配置信息都代表什么 /etc/nginx/nginx.conf ``` user root; 设置nginx服务的系统使用用户 例:我是用root用户 所以我配置的是root ...
1.在vue 跟目录下执行 $ npm run build 2.打包后会生成一个 dist 文件 3.将 dist 文件拷贝到第二步配置的 base 路径(重点) 如果在打包过程中遇到hash的错误可以尝试在打包前在终端执行 export NODE_OPTIONS=--openssl-legacy-provider 4. Centos7 安装 Nginx ...
要在CentOS上安装Nginx并部署Vue项目,您可以按照以下步骤操作: 1. 在CentOS上安装Nginx 您可以选择通过YUM包管理器安装Nginx或使用源代码编译安装。以下是通过YUM包管理器安装Nginx的步骤: 安装EPEL仓库(如果Nginx不在默认的CentOS仓库中): bash sudo yum install epel-release 安装Nginx: bash sudo yum install ngi...
我个人博客项目占用了nginx根路径,而我只有一个域名,也不准备用二级域名了, 所以就直接用路径区分开。 一个域名,只部署一个静态文件服务,那很简单,只用把打包后文件放上去就行。 多个Vue项目主要就是路径问题,静态js文件以及自定义的路由。 本来不打算把这篇文章般到思否的,但是感觉好多人问这个关于nginx部署vue的...
1、docker安装nginx docker pull nginx docker run --name nginx -itd --restart always -p 8080:80 -v /usr/local/web/dist:/usr/share/nginx/html nginx 2、vue项目打包dist文件 npm run build 生成一个dist文件,将dist文件整个上传到服务器端 /usr/local/web下 ...