반응형

nginx 3

[Vue.js & nginx] 정적 Vue 프로젝트를 nginx에서 돌릴 때 발생하는 404 에러 해결 방법 / Vue nginx 설정

nginx 설정 location / { try_files $uri $uri/ /index.html; } 기본은 위와 같이 설정되어 있을 것인데, 이를 아래와 같이 바꿔주면 된다. location / { try_files $uri $uri/ @rewrite; } location @rewrite { rewrite ^(.+)$ /index.html last; } try_files의 의미만 느끼는 대로 이해한다면, 본 코드는 어렵지 않게 이해하리라 믿습니다.

개발/Vue.js 2021.08.23

[nginx] Cross-origin 허용하기 / Access-Control-Allow-Origin 헤더 설정

https://enable-cors.org/server_nginx.html enable cross-origin resource sharing Contribute The content on this site stays fresh thanks to help from users like you! If you have suggestions or would like to contribute, fork us on GitHub. enable-cors.org 위와 같이 하는 방법도 찾아놓긴 했는데... 실패했고 Chrome 바로 가기를 하나 만든 후에 [속성] → [대상]에서 경로 뒤에 아래의 옵션을 추가하는 게 훨씬 편하다. --disable-web-security --user-data-dir="원하는 임의의 경로"..

개발 2021.08.20

[Nginx / Lightsail] POST 405 not allowed 해결 방법 - Vue.js Axios PHP PDO Post

Lightsail에 국한된 에러는 아니고, Nginx로 PDO(PHP Data Object)에 POST를 요청할 때 만날 수 있는 에러이다. 리눅스 기준으로 /etc/nginx/conf.d/default.conf 파일을 보면, server { root index server_name location / { ... } location ~ \.php$ { fastcgi_pass php-handler; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; include fastcgi_params; fastcgi_read_timeout 300; } . . . } 두 번째 location ~ \.php$ { ... } 을 추가해주면 된다. CORS ..

개발 2021.06.18
반응형