1. 首先服务器中安装niginx: [CentOS7系统安装nginx和配置环境变量]
2. Vue项目打包程dist:
在vue项目的终端使用命令:npm run build 生成dist文件
将dist文件夹上传到服务器(上传的方式很多,自行百度),存放路径自己定
这里是存放在:/usr/local/vue
3. 设置网站的存放路径
在服务器设置nginx的访问路径:
- 进入到nginx安装路径的conf文件夹下:cd /usr/local/nginx/conf
- 编辑nginx.conf文件:vi nginx.conf
将root的默认路径修改为自己dist上传的路径如下图:
重启nginx
到浏览器输入自己的服务器地址和设置的端口号就能成功访问到自己写的vue项目啦