前后端分离项目的部署流程---从前端开始---01
2022/7/16 6:20:23
本文主要是介绍前后端分离项目的部署流程---从前端开始---01,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
前端开始
1.获取前端vue的项目代码,如果是压缩包,就解压
2.配置node.js环境,下载node.js源码包
wget https://nodejs.org/download/release/v8.6.0-linux-x64.tar.gz tar -zxcf node-v8.6.0-linux-x64.tar.gz (这是一个node的二进制源码包,已经编译完成了的node解释器,所以解压缩后无须编译,直接配置PATH即可)
3.添加node环境变量
vim /etc/profile (然后末尾 PATH ='....:/.../node-v8.6.0-linux-x64/bin') 保存
4.重新读取PATH环境变量
source /etc/profile 然后执行: node -v 或者 npm -v 查看环境变量是否配置成功
5.看看vue的axios请求的发送地址是否正确,此时如果用nginx作为后端的代理服务器,那么需要修改成nginx服务器的ip地址和端口
6.进入vue项目根目录,安装所需依赖
npm install
7.安装完依赖后,进行编译build
npm run build (会生成一个dist文件夹)
8.修改nginx.conf配置文件,添加一个server{}虚拟主机,监听80端口,返回vue项目首页
vim /opt/nginx/conf/nginx.conf (直接命令,编辑配置文件内容) { listen 80; server_name _; location / { root /vue_testProject/dist; index index.html; } } #配置完,保存退出 nginx -s reload
这篇关于前后端分离项目的部署流程---从前端开始---01的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09一定要避坑:关于微信H5分享,温馨提示你不要再踩坑了!!!
- 2024-05-09本地项目放到公网访问!炒鸡煎蛋!
- 2024-04-07金融企业区域集中库的设计构想和测试验证
- 2024-03-11前端CSS的工程化——掌握Sass这四大特性就够了
- 2024-02-21h5关联css样式(html怎么和css关联)-icode9专业技术文章分享
- 2024-02-07Firefox禁止远程字体加速网页加载及图标字体补充安装
- 2024-02-07一个菜鸡前端的3年总结-「2023」
- 2024-01-18最火前端Web组态软件(可视化)
- 2024-01-12程序员提效 x10 的必备开源“神器”
- 2024-01-11前端可以监控静态资源的时间吗-icode9专业技术文章分享