Vue.js 项目部署

Posted 2023-02-16

【中文标题】Vue.js 项目部署

【英文标题】：Vue.js progect deploying

【发布时间】：2021-11-20 19:56:29

【问题描述】：

每次上传照片时，我是否必须更改所有 照片的轨道（路径）、php 文件 路径和 db 连接文件vue.js 项目到真实服务器？ 有没有更简单或更快的方法？

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

【参考方案1】：

我喜欢在我的项目的根目录中创建一个 .env 文件，如下所示：

DB_USERNAME=user
DB_PASSWORD=paszw0rd
DB_HOST=127.0.0.1

然后您可以使用dotenv 轻松访问这些值

npm 安装 dotenv

require('dotenv').config();
console.log(process.env.DB_HOST); // 127.0.0.1

然后你可以简单地在你的服务器和你的机器上拥有一个不同的 .env 文件。我将 .env 文件添加到我的 .gitignore 中，因为它通常包含秘密，而是添加了一个带有可用密钥的 .env.example 文件。

这种方法的好处是您不必对代码进行任何更改以适应不同的环境，您只需要提供一个包含所有必要变量的 .env 文件。

您还可以将这些变量作为环境变量提供，例如启动脚本时：

DB_PASSWORD=秘密节点 server.js

或在 pm2 生态系统文件中或您喜欢的任何方法中。之后您仍然可以通过“process.env”访问它们。