개발모음집

vuejs https 본문

client/Vue

vuejs https

void 2019. 6. 30. 10:00

 

$ wget https://dl.eff.org/certbot-auto 

$ chmod a+x certbot-auto

$  ./certbot-auto certonly --standalone

 

질문에 맞춰 대답해주고 도메인등록을 해주면 된다. 

Congratulations!

라는 안내가 나오면 도메인 발급은 받은 것!

 

 

vue.config.js 파일

const fs = require('fs');
module.exports = {
    configureWebpack: {
        // other webpack options to merge in ...
    },
    
    devServer: {
    	// https 적용을 위한 코드
        https: true,
        https: {
            key: fs.readFileSync('../../etc/letsencrypt/live/{도메인주소}/privkey.pem'),
            cert: fs.readFileSync('../../etc/letsencrypt/live/{도메인주소}/cert.pem'),
            ca: fs.readFileSync('../../etc/letsencrypt/live/{도메인주소}/chain.pem'),
        },
        // devServer Options don't belong into `configureWebpack`
    	// dev 빌드상태에도 도메인으로 접속하기 위해서 추가한 코드
        host: '0.0.0.0',
        hot: true,
        disableHostCheck: true,
    },
};

 

 

your connection is not private 에러 발생

 

 

 

참고 : 

https://webpack.js.org/configuration/dev-server/#devserver-https

 

DevServer | webpack

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

webpack.js.org

https://stackoverflow.com/questions/41892547/nodejs-https-server-returning-err-ssl-protocol-error-using-express

 

NodeJS https server returning ERR_SSL_PROTOCOL_ERROR using express

I'm trying to get SSL https working on my nodejs server but the browser returns a ERR_SSL_PROTOCOL_ERROR code: var express = require('express'); var https = require('https'); var http = require('...

stackoverflow.com

https://idlecomputer.tistory.com/228

 

vue js webpack ssl(https) npm run dev 서버 적용 방법

vue js webpack ssl(https) npm run dev 서버 적용 방법 webpack의 dev 환경 에서 ssl 을적용해야 할때가 생겨서 정리해 봤습니다. 일단 SSL 적용을 위해서 도메인 하나를 무료로 만들었습니다. my.freenom.com 에..

idlecomputer.tistory.com

 

 

저작자표시 비영리 변경금지

'client > Vue' 카테고리의 다른 글

vuetify example icons not showing  (0) 2019.08.12
upgrade to vuetify 2.0  (0) 2019.08.05
vue-cli와 freenom을 이용해서 도메인 등록하는 방법  (0) 2019.06.11
vue vuex example  (0) 2019.02.07
Unknown custom element: <> - did you register the component correctly? For recursive components, make sure to provide the "name" option.  (0) 2019.02.07
'client/Vue' Related Articles more