Node.js 我的客户端没有在aws(amazon)Ec2实例上工作
我的项目在MERN(MongoDB、express、react和node)堆栈中。我的客户端不在Amazon实例上工作,但同一个客户端文件夹在heroku上正常工作。我通过运行命令npm build创建了构建文件夹,并将该构建文件夹上传到Amazon实例上。我的后端工作正常,但前端不工作。 我正在分享所有屏幕截图 我还在客户端共享我的package.json文件…通过创建npm run build命令,使用我创建的构建文件夹中的文件。可能存在一些问题,但该构建文件夹在heroku上正常工作 客户端中的Package.json文件Node.js 我的客户端没有在aws(amazon)Ec2实例上工作,node.js,reactjs,amazon-web-services,Node.js,Reactjs,Amazon Web Services,我的项目在MERN(MongoDB、express、react和node)堆栈中。我的客户端不在Amazon实例上工作,但同一个客户端文件夹在heroku上正常工作。我通过运行命令npm build创建了构建文件夹,并将该构建文件夹上传到Amazon实例上。我的后端工作正常,但前端不工作。 我正在分享所有屏幕截图 我还在客户端共享我的package.json文件…通过创建npm run build命令,使用我创建的构建文件夹中的文件。可能存在一些问题,但该构建文件夹在heroku上正常工作 客户
{
"name": "now-ui-kit-react",
"version": "1.0.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.9.14",
"@material-ui/lab": "^4.0.0-alpha.53",
"@pathofdev/react-tag-input": "^1.0.7",
"async": "^3.1.0",
"aws-sdk": "^2.682.0",
"axios": "^0.19.2",
"bcrypt": "^3.0.6",
"body-parser": "^1.19.0",
"bootstrap": "^4.4.1",
"cookie-parser": "^1.4.3",
"cors": "^2.8.5",
"express": "^4.17.1",
"jsonwebtoken": "^8.5.1",
"mdbootstrap": "^4.16.0",
"mdbreact": "^4.25.6",
"moment": "2.24.0",
"mongoose": "^5.4.20",
"move-file": "^2.0.0",
"multer": "^1.4.2",
"multer-s3": "^2.9.0",
"node-sass": "^4.14.1",
"nouislider": "14.0.2",
"npm": "^6.14.5",
"path": "^0.12.7",
"progressbar": "^1.3.0",
"react": "^16.8.6",
"react-apple-login": "^1.0.11",
"react-audio-player": "^0.13.0",
"react-audio-waveform": "0.0.5",
"react-bootstrap": "^1.0.0",
"react-bootstrap-switch": "15.5.3",
"react-datetime": "2.16.3",
"react-dom": "16.8.6",
"react-facebook-login": "^4.1.1",
"react-google-login": "^5.1.3",
"react-howler": "^3.7.4",
"react-redux": "^5.0.7",
"react-router": "5.0.1",
"react-router-dom": "5.0.1",
"react-scripts": "^3.4.1",
"react-soundplayer": "^1.0.4",
"react-wavesurfer": "^0.8.6",
"reactstrap": "8.0.1",
"semantic-ui-react": "^0.88.2",
"socket.io": "^2.2.0",
"socket.io-client": "^2.3.0",
"styled-components": "^5.1.0",
"use-global-hook": "^0.1.12",
"waveform-data": "^1.4.3",
"wavesurfer.js": "^2.0.0-beta01"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start",
"compile-sass": "node-sass src/assets/scss/now-ui-kit.scss src/assets/css/now-ui-kit.css",
"minify-sass": "node-sass src/assets/scss/now-ui-kit.scss src/assets/css/now-ui-kit.min.css --output-style compressed",
"map-sass": "node-sass src/assets/scss/now-ui-kit.scss src/assets/css/now-ui-kit.css --source-map true"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"optionalDependencies": {
"typescript": "3.5.3"
}
}
构建文件夹中的我的索引文件(我通过npm运行构建创建了构建文件夹)
Musicmax
您需要启用JavaScript才能运行此应用程序。
!函数(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f在运行npm run build之后,我运行命令SERVICE-s build,我可以在本地机器上轻松访问我的客户端。这意味着我的客户端构建文件夹工作正常。amazon实例出现了一些问题
我解决了我的问题,实际上所有的事情都很好。只有一行出现了问题
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
当我删除该行时,一切正常。现在查询结束。谢谢大家
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">