AWS Amplify默认使用HTTPS协议。如果网站使用自己的域名并使用了SSL证书,就不会出现“Connection to website not secure”的问题。如果使用的是AWS默认提供的域名,则需要在DNS设置中开启“强制重定向HTTPS”。
具体可以参考以下代码示例,在Amplify项目的控制台中设置域名并上传SSL证书后,使用Redirect组件实现自动重定向:
import React from 'react';
import { withRedirect } from 'aws-amplify-react';
import { Router } from 'react-router-dom';
import { createBrowserHistory } from 'history';
// 创建Browser history
const history = createBrowserHistory();
// 自动重定向
const RedirectToHttps = withRedirect(props => (
Redirecting...
), { protocol: 'https' });
// 应用程序路由
const App = () => {
return (
//其他组件
);
};
export default App;