본문 바로가기
728x90

Node4

React_ Refused to execute script from 'static/js/main.e0239543.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. React 에서 프로필 프로젝트를 개발하고 서버에 업로드 중 Refused to execute script from 'https://url/static/js/main.e0239543.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.이런 오류가 발생해서 만든 scss 나 컴포넌트들이 보이질 않아 흰 화면으로 남아있었다. 분명 url 접속은 잘 된듯 한데 내용물이 안나오고 저런 에러가 나오니까 뭔가 좀 이상했다.. 해당 url이 npm run build 한 폴더에서 인식을 못했기 때문에 빈 내용이 나올 수 있다 생각이 들었다. 그래서 여기 애초에 처음 시작하는 부분에서 profi.. 2024. 8. 9.
Node_ 기본 url 변경시 서버 기본 url 매핑 작업 node 서버에서 보통 npm run build 후 node 서버에 파일을 업로드 한다음 이 서버를 실행시켜 무중단 배포를 하는 과정이 있다그 중에서 클라이언트 리액트 프로젝트와의 기본 url 를 매칭시켜야 하는 부분이 있다. 만약 클라이언트에서 "/" 로 시작하는 url 로 기본 도메인을 설정할 경우 서버에서도 app.use(express.static(path.join(__dirname, "build"))); app.get("/*", (req, res) => { res.sendFile(path.join(__dirname, "build", "index.html"));}); 이런식으로 build 파일 경로 설정을 해서 http://localhost:3000/ 이렇게 들어올 경우 해당 build 폴더의 in.. 2024. 7. 16.
React_ build 시, 기본 접속 url 변경 원래는 "/" 이부분으로 기본 url 설정 되어 있어서 npm run build 시 빌드파일의 index.html 이 모두 기본 "/"으로 시작하고 있다.난 "/xxx" 이런식으로 기본 url 를 변경하고 싶었다. 여러가지의 서버파일 분리를 위한 작업을 하고 싶었다그러던 중 찾아보니 package.json 에 {  "name": "your-app-name",  "version": "0.1.0",  "private": true,  "homepage": "/badminton",  "dependencies": {    // your dependencies  },  "scripts": {    // your scripts  }} 이런식으로 homepage 키워드를 넣고 설정만 해준다면 바로 npm run bui.. 2024. 7. 16.
Node.js 파일 업로드 Node.js 로 파일 업로드와 관련한 내용을 찾아보았다. 노드로 백엔드 구축하는데 이번이 처음이기에 Java로 구축한 부분과 사뭇 많이 달랐다. 간결하고 속도가 빠르다고 느껴졌다... 그냥 느낌인가?? multer , node.js cors 등등 다양한 부분을 공부하였고 참고한 사이트 주소들이다.   https://velog.io/@shlog/multer-koa-react-%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C-%EB%B0%9B%EA%B8%B0 node + multer + koa + react : 파일 업로드 받기 velog.io  https://bigexecution.tistory.com/7 React 게시판 만들기 : 파일업로드 multer (5)Mult.. 2024. 6. 9.
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
728x90