centos运行vue项目

### 配置和运行 Vue.js 项目于 CentOS 系统 #### 安装 Node.js 和 NPM 为了在 CentOS 上成功运行 Vue.js 项目，首先需要安装 Node.js 及其包管理工具 NPM。可以通过以下命令完成： ```bash curl -fsSL https://rpm.nodesource.com/setup_18.x | bash - yum install -y nodejs ``` 这一步骤会设置 NodeSource 的存储库并安装最新版本的 Node.js[^3]。 #### 创建软链接以便全局调用 vue 命令 一旦 Node.js 被正确安装，在某些情况下可能还需要创建一个软链接来确保 `vue` CLI 工具可以在任何地方被调用: ```bash ln -s /usr/local/nodejs/bin/vue /usr/bin/vue ``` 此操作允许通过简单的 `vue` 命令访问 Vue CLI 工具。 #### 初始化或克隆 Vue.js 项目 如果尚未拥有一个现成的 Vue.js 项目，则可以使用 Vue CLI 来初始化一个新的项目或者从远程仓库克隆已有的项目。假设已经有一个项目存在，将其复制到服务器上的适当位置即可。 #### 启动 Vue 应用程序开发服务 进入项目的根目录之后，可利用如下命令启动本地开发服务器以测试应用功能是否正常工作： ```bash npm run serve ``` 该指令会在默认端口 (通常是 :8080 或其他指定端口) 开启一个实时重新加载的服务用于调试目的[^1]。 #### 安装 Nginx 并配置反向代理支持生产环境下的 Vue.js 应用 对于生产环境中部署 Vue.js 单页应用程序(SPA)，推荐使用 Web Server 如 Nginx 提供静态文件托管以及处理前端路由请求的功能。以下是具体步骤： ##### 添加官方 Nginx YUM 源 执行下面两步添加 Nginx 到系统的软件源列表里去： ```bash rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm ``` 接着更新一下缓存并正式安装它： ```bash yum install -y nginx ``` 启用自启动机制并且立即开启服务进程： ```bash systemctl start nginx.service systemctl enable nginx.service ``` 此时应该能看到标准欢迎页面证明基本安装无误[^2]。 ##### 修改 Nginx 默认站点配置适应 Vue SPA 特性 编辑 `/etc/nginx/conf.d/default.conf` 文件调整为适合单页面应用的形式，比如这样一段典型的例子： ```nginx server { listen 80; server_name localhost; root /path/to/your/dist; # 替换成实际编译后的 dist 文件夹路径 location / { try_files $uri /index.html; } error_page 500 502 503 504 /50x.html; } ``` 保存更改后重启 Nginx 让新设定生效： ```bash systemctl restart nginx.service ``` 最后记得构建一次完整的 Vue.js 生产版资源放到上述定义好的目录下(`dist`)，通常做法是在项目根目录执行 `npm run build` 就能生成所需的静态资产。 ---