찾다

 >  Q&A  >  본문

Webpack - vue-cli로 작성된 프로젝트(로컬 실행에는 문제 없음)가 Nginx 서버에 배치될 예정입니다. 어떤 구성을 변경해야 합니까? 또 어떻게 배포하나요?

Vue-cli를 사용하여 로컬로 빌드한 프로젝트의 경우 웹팩 구성을 건드리지 않았으며 로컬에서 문제 없이 실행됩니다. 그런데 Nginx 서버에 배치할 계획입니다. 구성을 변경해야 합니까? 그렇다면 Nginx를 배포하는 방법은 무엇입니까?

검색해보니 index.js의 config: './' (/a/11...) 아래에서 자산PublicPath를 변경하라고 하는 사람도 있었습니다

어떤 사람들은 webpack.prod.conf.js의 출력에 publicPath:'./'를 추가하라고 합니다(http://blog.csdn.net/gebitan5...)

모든 방법을 시도해도 여전히 서버에서 열리지 않습니다. 도와주세요~~

高洛峰高洛峰2740일 전1122

모든 응답(4)나는 대답할 것이다

  • 巴扎黑

    巴扎黑2017-05-27 17:46:57

    Vue인 경우 npm run build打包, 然后再把dist里面的静态文件发布到服务器中, 在Nginx配置中通过location 경로를 통해 정적 파일을 가리키는 폴더를 구성하면 해당 폴더 아래의 index.html 파일에 직접 액세스할 수 있습니다...

    회신하다
    0
  • 某草草

    某草草2017-05-27 17:46:57

    hzzly.net과 같은 도메인 이름을 통해 빌드된 프로젝트에 직접 액세스하려면 config 아래의 index.js에서 AssetPublicPath: '/'를 변경하세요. 도메인 뒤에 다른 레이어를 추가하려면 변경할 필요가 없습니다. hzzly.net /resume과 같은 이름을 지정한 다음 config 아래의 index.js를 AssetPublicPath: '/resume/'으로 변경합니다. 다음 nginx 구성은 변경되지 않고 그대로 유지될 수 있습니다. 웹 사이트의 기본 디렉터리에 직접 새 이력서 폴더를 생성하면 됩니다.

    으아아아

    회신하다
    0
  • ringa_lee

    ringa_lee2017-05-27 17:46:57

    홈페이지를 로드하고, HTML 파일을 보고, 리소스 참조 경로가 올바른지 확인하세요.
    위 그림과 마찬가지로 src의 경로를 확인하여 서버의 리소스가 올바른지 확인하세요. 잘못된 경우 webpack으로 이동하여 리소스 패키징 경로를 수정하세요.

    회신하다
    0
  • PHP中文网

    PHP中文网2017-05-27 17:46:57

    js에 접근하면 404인가요?

    회신하다
    0
  • 취소회신하다