{"id":4918,"date":"2022-01-18T15:22:38","date_gmt":"2022-01-18T07:22:38","guid":{"rendered":"http:\/\/123.57.164.21\/?p=4918"},"modified":"2022-01-18T20:09:50","modified_gmt":"2022-01-18T12:09:50","slug":"%e3%80%90vue%e3%80%91%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bbvue%e5%a6%82%e4%bd%95%e5%a4%9a%e7%8e%af%e5%a2%83%e9%85%8d%e7%bd%aeurl","status":"publish","type":"post","link":"https:\/\/92it.top\/?p=4918","title":{"rendered":"\u3010Vue\u3011\u524d\u540e\u7aef\u5206\u79bbVue\u5982\u4f55\u591a\u73af\u5883\u914d\u7f6eURL"},"content":{"rendered":"\n
\"\"<\/figure><\/div>\n\n\n\n
1.\u9879\u76ee\u65b0\u5efa\u914d\u7f6e\u6587\u4ef6<\/strong><\/h5>\n\n\n\n
\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
# \u5728vue\u9879\u76ee\u6a21\u5757\u4e2d,\u65b0\u5efa\u4e24\u4e2a\u6587\u4ef6\n.env.prod (\u751f\u4ea7\u73af\u5883\u914d\u7f6e)\n.env.dev (\u5f00\u53d1\u73af\u5883\u914d\u7f6e)<\/pre>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
NODE_ENV=production\nVUE_APP_SERVER=http:\/\/xxxx.com(\u751f\u4ea7\u7684\u540e\u7aef\u57df\u540d)<\/pre>\n\n\n\n
NODE_ENV=development\nVUE_APP_SERVER=http:\/\/127.0.0.1:9000(\u672c\u673a\u7684\u540e\u7aef\u5730\u5740)<\/pre>\n\n\n\n
NODE_ENV(node environment) \u7528\u6765\u8868\u793a\u6784\u5efa\u9879\u76ee\u7684\u5f53\u524d\u73af\u5883\n\u81ea\u5b9a\u4e49\u591a\u73af\u5883\u53d8\u91cf\u5fc5\u987b\u4ee5VUE_APP\u5f00\u5934<\/pre>\n\n\n\n
2.\u6d4b\u8bd5<\/strong><\/h5>\n\n\n\n
\n\n\n\n
main.js\u4e2d\u6dfb\u52a0\nconsole.log(\"\u73af\u5883:\",process.env.NODE_ENV);\nNODE_ENV\u5bf9\u5e94\u914d\u7f6e\u6587\u4ef6\u7684\u53d8\u91cf<\/pre>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\u542f\u52a8\u9879\u76ee\u67e5\u770b\u524d\u7aef\u8f93\u51fa\n\u672c\u673a\u542f\u52a8\u9879\u76ee\u9ed8\u8ba4\u662f\u5f00\u53d1\u73af\u5883<\/pre>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
3.\u914d\u7f6e\u542f\u52a8\u811a\u672c<\/strong><\/h5>\n\n\n\n
\n\n\n\n
package.json\u4e2d\u6dfb\u52a0\/\u66ff\u6362\n\"serve-dev\": \"vue-cli-service serve --mode dev\",\n\"serve-prod\": \"vue-cli-service serve --mode prod\",<\/pre>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\u5237\u65b0\u811a\u672c\n\u66f4\u6362\u811a\u672c\u542f\u52a8\u5668\u547d\u4ee4<\/pre>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
4.\u66ff\u6362URL<\/strong><\/h5>\n\n\n\n
\n\n\n\n
\u66ff\u6362\u524d\n'http:\/\/127.0.0.1:9000\/business\/admin\/chapter\/delete\/'<\/pre>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\u66ff\u6362\u540e\nprocess.env.VUE_APP_SERVER+'\/business\/admin\/chapter\/delete\/'<\/pre>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\u518d\u6b21\u542f\u52a8\u6d4b\u8bd5\u539f\u6709\u7684\u529f\u80fd\u5373\u53ef<\/p>\n\n\n\n
5.npm run build \u65f6\u4e5f\u53ef\u4ee5\u6307\u5b9aenv<\/h5>\n\n\n\n
\n\n\n\n
\/\/ build\u65f6\uff0c\u4f1a\u628a.env.dev.js\u5185\u5bb9\u6253\u5305\u5230\u5de5\u7a0b\u4e2d\nnpm run build -- --mode dev\n\n\/\/ build\u65f6\uff0c\u4f1a\u628a.env.prod.js\u5185\u5bb9\u6253\u5305\u5230\u5de5\u7a0b\u4e2d\nnpm run build -- --mode prod<\/pre>\n\n\n\n
DockerFile\u4e2d build Vue\u4ee3\u7801\u65f6\u4e5f\u53ef\u4ee5\u7528\u4e0a\u9762\u547d\u4ee4\u6253\u5305<\/p>\n\n\n\n
# build stage\nFROM node:14.17.6-alpine as build-stage\n\nARG MODE=dev\n\nWORKDIR \/app\nCOPY package*.json .\/\nRUN npm install\nCOPY . .\n\n\/\/\u8fd9\u91cc\u6307\u5b9a\u914d\u7f6e\u6587\u4ef6\u3002\n# see also https:\/\/stackoverflow.com\/q\/50772662\/2497876\nRUN npm run build -- --mode ${MODE}\n\n# production stage\nFROM nginx:1.17.9-alpine as production-stage\n\n# support running as arbitrary user which belogs to the root group\nRUN chmod g+rwx \/var\/cache\/nginx \/var\/run \/var\/log\/nginx\nRUN chgrp -R root \/var\/cache\/nginx\n\n# users are not allowed to listen on priviliged ports\nRUN sed -i.bak 's\/listen\\(.*\\)80;\/listen 8081;\/' \/etc\/nginx\/conf.d\/default.conf\nEXPOSE 8081\n\n# comment user directive as master process is run as user in OpenShift anyhow\nRUN sed -i.bak 's\/^user\/#user\/' \/etc\/nginx\/nginx.conf\n\nRUN addgroup nginx root\nUSER nginx\n\nCOPY --from=build-stage \/app\/dist \/usr\/share\/nginx\/html\n# COPY prod_nginx.conf \/etc\/nginx\/nginx.conf\n\nCMD [\"nginx\", \"-g\", \"daemon off;\"]<\/pre>\n","protected":false},"excerpt":{"rendered":"
1.\u9879\u76ee\u65b0\u5efa\u914d\u7f6e\u6587\u4ef6 2.\u6d4b\u8bd5 3.\u914d\u7f6e\u542f\u52a8\u811a\u672c 4.\u66ff\u6362URL \u518d\u6b21\u542f\u52a8\u6d4b\u8bd5\u539f\u6709\u7684\u529f\u80fd\u5373\u53ef 5.npm ru […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"_links":{"self":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/4918"}],"collection":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4918"}],"version-history":[{"count":5,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/4918\/revisions"}],"predecessor-version":[{"id":4936,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/4918\/revisions\/4936"}],"wp:attachment":[{"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4918"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}