我想在heroku上部署全栈应用程序,但是当我尝试登录我的应用程序时,我在网络上有不同的res.data。我应该有:
{ userName: "userName", userId: 1, token: token", isAuthorized: true, error: ""}
但是我有:
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="/manifest.json"><link rel="shortcut icon" href="/favicon.ico"><link rel="stylesheet" href="fontello/css/fontello.css"><title>React App</title><link href="/static/css/main.8a9a299b.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="/static/js/main.e17a5aa6.js"></script></body></html>
服务器package.json:
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "tsc",
"start": "node build/server.js",
"client": "npm start --prefix client",
"dev": "concurrently \"npm run client\" \"npm start\"",
"heroku-postbuild": "npm run-script build && cd client && npm install && npm run build"
},
我正在使用typeOrm,这是我的连接选项:
const options: ConnectionOptions = {
type: "sqlite",
logging: true,
database: "db/mydb.db",
synchronize: true,
entities: [
"build/entity/**/*.js"
]
};
这是我从客户端登录的请求:
export const loginRequest = userData => dispatch => {
dispatch({ type: LOGIN_REQUEST });
return axios
.create({ baseURL: `${baseUrl}` })
.post("/api/login", userData)
.then(res => {
console.log(res.data);
localStorage.setItem("token", res.data.token);
dispatch(loginSuccess(res.data));
dispatch(redirect("/"));
})
.catch(error => {
dispatch(loginError(error));
});
};
baseUrl:
"https://react-app-map-creator.herokuapp.com"
项目结构:
开机自检后,我的状态为200。我尝试了许多方法来解决此问题。我的控制台中没有anny erros。有人可以给我一些解决该问题的提示吗?
我再次编辑。我的路线文件的对象为:
{
path: "/api/login",
method: "post",
action: login
}
和我的登录控制器:
export async function login(request: Request, response: Response) {
const userRepository = getManager().getRepository(User);
const userDB = await userRepository.findOne({
login: request.body.login
});
const Reject = () => {
return response.status(401).json({
errorMessage: "login or password is incorrect"
});
};
if (userDB) {
bcrypt.compare(request.body.password, userDB.password, (err, res) => {
if (res) {
const userData = {
login: request.body.login,
userId: userDB.id,
isAdmin: userDB.isAdmin
};
jwt.sign(
{ userData },
"secretkey",
{ expiresIn: "86400s" },
(err, token) => {
response.json({
userName: userDB.login,
userId: userDB.id,
token: token,
isAuthorized: true,
error: ""
});
}
);
} else {
Reject();
}
});
} else {
Reject();
}
}
PS当我在本地使用npm run dev
时,一切正常。