小编eug*_*bac的帖子

为什么信用卡自动填充在生产构建时不起作用,但它在我的反应应用程序中与 npm start 一起使用?

我的反应应用程序中有一个非常简单的表单来获取用户信用卡信息,如下所示。

<form autocomplete="on">
    <input class="control" id="card_number" type="tel" name="card_number" autocompletetype="cc-number"/>
    <input name="cc-exp-month"/>
    <input name="cc-exp-year"/>
    <input name="cc-exp"/>
</form>
Run Code Online (Sandbox Code Playgroud)

我还以“反应方式”进行了测试 在此处输入图片说明

我希望浏览器(在本例中为 safari)显示如下图所示的信用卡选项。

在此处输入图片说明

有趣的事实:当我开始我的应用程序时npm start(如上图所示),我可以重现预期的行为(以上述两种形式)。但是,如果我运行npm run build并提供 ./build 文件夹,则不会显示信用卡选项。

这就是我仍然不明白的地方,为什么相同的代码可以以一种方式工作,但不能以另一种方式工作?

PS1:我在这两种情况下都使用 HTTPS 进行测试。

PS2:我测试了不同的输入名称,autocomplete="cc-number" 等。但它们都不起作用。由于代码适用于npm start,我认为这不是代码问题。

credit-card autofill reactjs react-redux

3
推荐指数
1
解决办法
570
查看次数

标签 统计

autofill ×1

credit-card ×1

react-redux ×1

reactjs ×1