{"id":556,"date":"2020-03-26T12:31:29","date_gmt":"2020-03-26T04:31:29","guid":{"rendered":"https:\/\/wp.winter-weng.cc\/work\/?p=556"},"modified":"2021-03-06T16:09:10","modified_gmt":"2021-03-06T08:09:10","slug":"%e5%bb%ba%e7%ab%8b-localhost-%e6%86%91%e8%ad%89-vue-dev-server","status":"publish","type":"post","link":"https:\/\/wp.winter-weng.cc\/work\/?p=556","title":{"rendered":"\u5efa\u7acb localhost \u6191\u8b49 (Vue dev server)"},"content":{"rendered":"\n<p>1. \u4f7f\u7528 <a rel=\"noreferrer noopener\" aria-label=\"mkcert (\u5728\u65b0\u5206\u9801\u4e2d\u958b\u555f)\" href=\"https:\/\/github.com\/FiloSottile\/mkcert\" target=\"_blank\">mkcert<\/a> \u5efa\u7acb\u6191\u8b49<\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"shell\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$ brew install mkcert\n$ mkcert -install\nCreated a new local CA\n$ mkcert example.com \"*.example.com\" example.test localhost 127.0.0.1 ::1\nUsing the local CA\nCreated a new certificate valid for the following names \ud83d\udcdc\n - \"example.com\"\n - \"*.example.com\"\n - \"example.test\"\n - \"localhost\"\n - \"127.0.0.1\"\n - \"::1\"\nThe certificate is at \".\/example.com+5.pem\" and the key at \".\/example.com+5-key.pem\" \u2705<\/pre>\n\n\n<p>2. \u5c07\u6191\u8b49\u653e\u5165\u5c08\u6848\u8cc7\u6599\u593e\uff0c\u4e26\u5728 <code>vue.config.js<\/code> \u52a0\u5165\uff1a<\/p>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">const fs = require('fs')\nmodule.exports = {\n    devServer: {\n        https: {\n          key: fs.readFileSync('.\/certs\/example.com+5-key.pem'),\n          cert: fs.readFileSync('.\/certs\/example.com+5.pem'),\n        },\n        public: 'https:\/\/localhost:8080\/'\n    }\n}<\/pre>\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n<p>\u53c3\u8003\u8cc7\u6599\uff1a<br \/>1. <a rel=\"noreferrer noopener\" aria-label=\"How to run Vue.js dev serve with https? (\u5728\u65b0\u5206\u9801\u4e2d\u958b\u555f)\" href=\"https:\/\/stackoverflow.com\/questions\/45807049\/how-to-run-vue-js-dev-serve-with-https\" target=\"_blank\">How to run Vue.js dev serve with https?<\/a><br \/>2. <a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/FiloSottile\/mkcert\" target=\"_blank\">mkcert<\/a><\/p>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. \u4f7f\u7528 mkcert \u5efa\u7acb\u6191\u8b49 2. \u5c07\u6191\u8b49\u653e&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"pgc_sgb_lightbox_settings":"","footnotes":""},"categories":[11],"tags":[35],"class_list":["post-556","post","type-post","status-publish","format-standard","hentry","category-11","tag-35"],"_links":{"self":[{"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=\/wp\/v2\/posts\/556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=556"}],"version-history":[{"count":1,"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=\/wp\/v2\/posts\/556\/revisions"}],"predecessor-version":[{"id":612,"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=\/wp\/v2\/posts\/556\/revisions\/612"}],"wp:attachment":[{"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.winter-weng.cc\/work\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}