基于nodejs打包部署vue项目

Posted 2023-05-04

参考技术A 一.本地环境调试请求跨域问题

1.配置代理域名:

config/index.js

2.npm run dev 打包  生成 dist 目录  http 服务运行 里面的index.html文件

二.线上环境请求跨域

1.配置代理:

#简单代理

    location /api

    add_header 'Access-Control-Allow-Origin' '*';

    proxy_pass http://域名;



2.打包命令 : npm run build

生成 dist 目录  http 服务运行 里面的index.html文件

nodejs 如何部署到服务器上？

跟你在本地开发是相同的。

1、安装指定版本的node.js（服务器基本软件的安装）

2、上传代码到服务器（可以通过ftp、ssh、git等方式）

3、安装项目依赖的模块

> npm install

4、启动应用（也可以通过forever、pm2等工具进行管理）

> node ./www/bin

当然，如果你深谙运维之道，可以直接通过docker等方案将运行环境容容器化。

基本的Linux运维知识的话可以参考linuxprobe.com。

还有几个需要注意的点：

1、运行权限：注意做好应用之间的隔离（使用低权限用户、文件系统隔离等），避免应用崩溃导致系统宕机等风险

2、80端口：通过nginx等进行反向代理，应用本身占用1024后的端口（无需root权限）

参考技术A 两点：第一是否是线上服务，第二是否需要守护进程；
第一点，如果是线上服务，毫无疑问需要一个守护进程来保证，发生意外导致进程退出后，能重新启动，提供服务；当然就需要pm2等守护进程来启动，使用方法请自行参照github；第二点，是否需要守护进程，如果不需要，那么直接node启动即可；如果需要，也不必担心pm2启动进程后并不会抢占服务器资源，如果你的server有很大的需求，毋庸置疑需要更多的内存和cpu，如果没有很大需求，pm2会基于linux的资源调度策略，并不会抢占；