laravel - 未捕获的集成错误:请使用您的可发布密钥调用 Stripe()。您使用了一个空字符串
问题描述
Stripe 在我的 Laravel 应用程序上运行良好,突然它开始在控制台中给我这个错误:Uncaught IntegrationError: Please call Stripe() with your可发布密钥。您使用了一个空字符串。
看法
@extends('layouts.app')
@section('head-scripts')
<script src="https://js.stripe.com/v3/"></script>
@endsection
@section('content')
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">Subscribe</div>
<div class="card-body">
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif
<select name="plan" class="form-control" id="subscription-plan">
@foreach($plans as $key=>$plan)
<option value="{{$key}}">{{$plan}}</option>
@endforeach
</select>
<input id="card-holder-name" type="text">
<!-- Stripe Elements Placeholder -->
<div id="card-element"></div>
<button id="card-button" data-secret="{{ $intent->client_secret }}">
Pay
</button>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('scripts')
<!-- Scripts -->
<script>
window.addEventListener('load', function() {
const stripe = Stripe('{{env('STRIPE_KEY')}}');
const elements = stripe.elements();
const cardElement = elements.create('card');
cardElement.mount('#card-element');
const cardHolderName = document.getElementById('card-holder-name');
const cardButton = document.getElementById('card-button');
const clientSecret = cardButton.dataset.secret;
const plan = document.getElementById('subscription-plan').value;
cardButton.addEventListener('click', async (e) => {
const { setupIntent, error } = await stripe.handleCardSetup(
clientSecret, cardElement, {
payment_method_data: {
billing_details: { name: cardHolderName.value }
}
}
);
if (error) {
// Display "error.message" to the user...
} else {
// The card has been verified successfully...
console.log('handling success', setupIntent.payment_method);
axios.post('/subscribe',{
payment_method: setupIntent.payment_method,
plan : plan
}).then((data)=>{
location.replace(data.data.success_url)
});
}
});
});
</script>
@endsection
.env 文件具有正确的键。有人请帮我解决这个问题,直到现在它工作得很好。我多次运行以下命令并重新启动服务器:
php artisan config:clear
php artisan cache:clear
composer dump-autoload
php artisan view:clear
php artisan route:clear
解决方案
由于这一行:
const stripe = Stripe('{{env('STRIPE_KEY')}}');
没有从.env
. 您需要清除缓存。
运行以下命令:
php artisan cache:clear
php artisan config:clear
php artisan view:clear
如果这不起作用,我会尝试使用您的密钥创建一个隐藏的输入:
<input type="hidden" id="stripe_key" value="{{ env('STRIPE_KEY) }}"/>
并像这样访问值:
const stripeKey = document.getElementById('stripe_key').value;
还有一种方法可以在你的 webpack 混合文件中要求一个 .dotenv 扩展名。
有了它,您可以使用 javascript 直接访问密钥。
推荐阅读
- node.js - 为什么 CSRF 不能仅在 POST 路由中工作而在其他其他 Post 路由中工作?
- java - 未从 ext 块 build.gradle 解析依赖版本
- c# - itext7 覆盖长字符串值
- javascript - 在NodeJS测试中将值与strictEqual进行比较时,“输入对象相同但引用不相等”?
- nlp - 用于改进推荐系统的多语言自由文本项文本分类
- c - 结构函数指针参数?
- html - CSS 动画淡入/淡出问题
- python - fabric(2.5) 使用 SSH 连接不断询问密码
- javascript - 在 DOM 未渲染时使用 document.getElementById
- django - Django 找不到来自 Angular 的 url 模式请求