前后端分离项目的部署流程---从前端开始---01

2022-07-16 01:32:38 阅读：147 来源： 互联网

标签：node npm 01 前端 --- nginx v8.6 vue linux

前端开始

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

标签：node,npm,01,前端,---,nginx,v8.6,vue,linux
来源： https://www.cnblogs.com/zhiqianggege/p/16483219.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9