Vue.js 如何在vue cli（webpack build）中将单个元标记有条件地添加到index.html

我想在SIT/sandbox环境的index.html中添加上面的标记，我该怎么做

<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">

我无法访问index.html文件中的

process.env

变量，因此我无法执行此操作

编辑澄清：

是否有任何方法可以调整vue cli（webpack）生成过程，以便根据生成配置文件有条件地将一个特定的

标记添加到

index.html

？

标记应在生成过程中添加，而不是在运行时使用浏览器JavaScript添加。

使用以下组合：

• Web包和Vue Cli环境变量
• vue cli用作模板的public/index.html中的Lodash

因此，您的

public/index.html

将有一个lodash指令，其中机器人的内容是：

<meta name="robots" content="<%= process.env.ROBOTS_META%>"/>

然后在项目根目录中创建第二个名为

.env.dev

的文件，其中包含：

NODE_ENV=production
ROBOTS_META=noindex,nofollow

如果需要生产版本，请运行：

vue cli服务版本

，然后使用

.env

对于您的开发/测试/登台环境，请运行：

vue cli服务构建--mode dev

，然后使用

.env.dev

要了解有关VueCli环境变量的更多信息，请参见此处：

结合使用：

• Web包和Vue Cli环境变量
• vue cli用作模板的public/index.html中的Lodash

因此，您的

public/index.html

将有一个lodash指令，其中机器人的内容是：

<meta name="robots" content="<%= process.env.ROBOTS_META%>"/>

然后在项目根目录中创建第二个名为

.env.dev

的文件，其中包含：

NODE_ENV=production
ROBOTS_META=noindex,nofollow

如果需要生产版本，请运行：

vue cli服务版本

，然后使用

.env

对于您的开发/测试/登台环境，请运行：

vue cli服务构建--mode dev

，然后使用

.env.dev

要了解有关VueCli环境变量的更多信息，请参见此处：

---

是否有条件地将其添加到index.html？在构建过程中还是使用JavaScript动态？是的，我想有条件地添加上述标记。您没有回答我的第二个问题。对不起，如果两个选项都有效，请同时告诉我。我认为使用JS动态意味着我们可以检查特定域是否添加了上述代码，但是@ssc-hrep3如何处理构建过程呢？是否有条件地将其添加到index.html中？在构建过程中还是动态使用JavaScript？是的，我想有条件地添加上述标记。您没有回答我的第二个问题。对不起，如果两个选项都有效，请同时告诉我。我认为动态使用JS意味着我们可以检查特定域是否会添加上述代码，但是@ssc-hrep3如何处理构建过程。