{"id":10008239,"date":"2023-09-06T22:43:26","date_gmt":"2023-09-06T14:43:26","guid":{"rendered":"https:\/\/blog.itmax.cn\/?p=10008239"},"modified":"2023-09-06T22:43:26","modified_gmt":"2023-09-06T14:43:26","slug":"%e6%95%88%e8%83%bd%e5%b7%a5%e5%85%b7%e4%b9%8bnode%e5%9c%a8%e9%a1%b9%e7%9b%ae%e4%b8%ad%e7%9a%84%e5%ba%94%e7%94%a8%ef%bc%88%e4%ba%8c%ef%bc%89%e3%80%8a%e4%bb%a5%e5%bc%80%e5%8f%91%e7%8e%af%e5%a2%83","status":"publish","type":"post","link":"https:\/\/itmax.cn\/?p=10008239","title":{"rendered":"\u6548\u80fd\u5de5\u5177\u4e4bnode\u5728\u9879\u76ee\u4e2d\u7684\u5e94\u7528\uff08\u4e8c\uff09\u300a\u4ee5\u5f00\u53d1\u73af\u5883\u591a\u540e\u7aef\u670d\u52a1\u5207\u6362\u95ee\u9898\u4e3a\u4f8b\u300b"},"content":{"rendered":"<h2>\u95ee\u9898\u63cf\u8ff0<\/h2>\n<ul>\n<li>\u65e5\u5e38\u5f00\u53d1\u4e2d\uff0c\u6211\u4eec\u524d\u7aef\u5728\u8054\u8c03\u63a5\u53e3\u65f6\uff0c\u5e38\u5e38\u4f1a\u9047\u5230\u9700\u8981\u5728<code>\u591a\u4e2a\u540e\u7aefip\u670d\u52a1\u5207\u6362<\/code>\u7684\u60c5\u51b5<\/li>\n<li>\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u4e00\u4e2a\u524d\u7aef\u8981\u5206\u522b\u548c\u4e09\u4e2a\u540e\u7aef <strong>\u7532\u3001\u4e59\u3001\u4e19<\/strong> \u8054\u8c03\u5176\u5bf9\u5e94\u7684\u672c\u5730\u63a5\u53e3<\/li>\n<li>\u524d\u7aef\u9700\u8981\u5148\u5728<code>vite.config.js\uff08vue.config.js\uff09<\/code>\u6587\u4ef6\u4e2d\u7684<code>proxy<\/code>\u7684<code>target<\/code>\u6539\u6210<code>\u7532<\/code>\u7684<code>ip<\/code>\u670d\u52a1\u5730\u5740<\/li>\n<li>\u7532\u7684\u672c\u5730\u63a5\u53e3\u8054\u8c03\u5b8c\u6bd5\u4ee5\u540e\uff0c\u9700\u8981\u628a<code>proxy\u7684target<\/code>\u518d\u6539\u6210<code>\u4e59<\/code>\u7684\uff0c\u5b8c\u4e86\u518d\u6539\u6210<code>\u4e19<\/code>\u7684\uff0c\u5982\u4e0b\u56fe\uff1a<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"723\" height=\"510\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc9zTR\" alt=\"\" title=\"\"><\/p>\n<ul>\n<li>\u90a3\u6211\u4eec\u5c31\u60f3\uff0c<strong>\u80fd\u4e0d\u80fd\u5199\u4e00\u4e2a\u811a\u672c\uff0c\u5728\u6211\u4eec\u542f\u52a8\u9879\u76ee\u6267\u884c&#8221;npm run dev&#8221;\u7684\u65f6\u5019\uff0c\u6839\u636e\u6211\u4eec\u7684\u9700\u6c42\uff0c\u81ea\u52a8\u5e2e\u5fd9\u6211\u4eec\u4fee\u6539\u5462\uff1f\u7c7b\u4f3c\u4e8e\u547d\u4ee4\u884c\u7684\u4e0b\u62c9\u6846\u9009\u62e9\u7684\u611f\u89c9\u90a3\u79cd<\/strong>\uff08\u811a\u672c\u4fee\u6539\u4ee3\u7406\u8f6c\u53d1\uff0c\u603b\u6bd4\u624b\u52a8\u4fee\u6539\u6548\u7387\u9ad8\u4e00\u4e9b\uff09<\/li>\n<\/ul>\n<p>\u6211\u4eec\u5148\u770b\u4e00\u4e0b\u6700\u7ec8\u7684\u6548\u679c\u56fegif\u56fe<\/p>\n<h3>\u89e3\u51b3\u95ee\u9898\u6548\u679c\u56fe<\/h3>\n<p><img decoding=\"async\" width=\"723\" height=\"687\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc9zTS\" alt=\"\" title=\"\" loading=\"lazy\"><\/p>\n<p>\u4e0a\u8ff0gif\u5c31\u80fd\u6e05\u6670\u7684\u770b\u5230\u6700\u7ec8\u60f3\u8981\u6548\u679c\uff08\u7701\u53bb\u4e86\u624b\u52a8\u4fee\u6539\u7684\u6b65\u9aa4\u4e86\uff0c\u7a0d\u5fae\u4e86\u63d0\u5347\u4e86\u4e00\u70b9\u70b9\u5f00\u53d1\u6548\u7387\uff09<\/p>\n<ul>\n<li>\u90a3\u5177\u4f53\u5982\u4f55\u5b9e\u73b0\u7684\u5462\uff1f<\/li>\n<li>\u83ab\u7740\u6025\uff0c\u6211\u4eec\u5148\u6765\u590d\u4e60\uff08\u5b66\u4e60\uff09\u4e00\u4e0b\u51e0\u4e2a\u77e5\u8bc6<\/li>\n<\/ul>\n<h2>\u77e5\u8bc6\u590d\u4e60<\/h2>\n<h3>1. inquirer\u547d\u4ee4\u884c\u4ea4\u4e92\u5de5\u5177<\/h3>\n<ul>\n<li><code>inquirer<\/code>\u662f\u4e00\u6b3e\u975e\u5e38\u4f18\u79c0\u7684\u547d\u4ee4\u884c\u4ea4\u4e92\u5de5\u5177<\/li>\n<li>\u5f88\u591a\u7684\u6846\u67b6\u3001\u9879\u76ee\u3001\u7a0b\u5e8f\u90fd\u7528\u5230\u4e86\u8fd9\u4e2a\u5de5\u5177\uff0c\u6bd4\u5982<code>vue-cli<\/code>\u7684\u811a\u624b\u67b6<\/li>\n<li>\u5982\u4e0b\u622a\u56fe\uff1a<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"723\" height=\"485\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc9zTT\" alt=\"\" title=\"\" loading=\"lazy\"><\/p>\n<p>\u8bf4\u5230\u8fd9\u91cc\uff0c\u5927\u5bb6\u5e94\u8be5\u5c31\u660e\u767d\u4e86\uff0c<code>inquirer<\/code>\u5de5\u5177\uff0c\u53ef\u4ee5\u505a\u5f88\u591a\u4ea4\u4e92\u6548\u679c\uff0c\u6bd4\u5982\uff1a<\/p>\n<ol>\n<li>&#8216;\u8f93\u5165\u6846&#8217;<\/li>\n<li>&#8216;\u4e0b\u62c9\u6846&#8217;<\/li>\n<li>&#8216;\u786e\u8ba4\u6846&#8217;<\/li>\n<li>&#8216;\u5bc6\u7801\u6846&#8217;<\/li>\n<li>\u7b49\u7b49&#8230;<\/li>\n<\/ol>\n<p>\u5177\u4f53\u5927\u5bb6\u53ef\u4ee5\u53bb\u5b98\u7f51\u7ec6\u81f4\u5b66\u4e60\u4e00\u4e0b\uff1a<a target=\"_blank\" href=\"https:\/\/link.segmentfault.com\/?enc=RnIngoOs5aCcBeZo25eOLQ%3D%3D.Ie8Z4OOS36npdWmKmD7Kpg84uXk1IPr26VG1bYtsuRP8uoC9ZdV618kOHvFKCgxq\" rel=\"noopener noreferrer\">inquire\u5b98\u7f51<\/a><\/p>\n<p>\u672c\u4f8b\u4e2d\uff0c\u5c31\u662f\u7528\u5230&#8217;\u4e0b\u62c9\u9009\u62e9\u6846&#8217;<\/p>\n<h3>2. package.json\u6587\u4ef6\u4e2d\u6dfb\u52a0\u81ea\u5df1\u7684\u811a\u672c<\/h3>\n<p><strong>\u95ee\u9898\u4e00\uff1a\u5982\u4f55\u5728package.json\u6dfb\u52a0\u81ea\u5df1\u7684\u811a\u672c\u547d\u4ee4\uff0c\u5e76\u63a7\u5236\u6267\u884c\u987a\u5e8f\uff1f<\/strong><\/p>\n<p>\u539f\u6765\u7684\u811a\u672c<\/p>\n<pre><code class=\"js\">  &quot;scripts&quot;: {\n    &quot;start&quot;: &quot;npm run dev&quot;,\n    &quot;dev&quot;: &quot;vite --host&quot;,\n    &quot;build&quot;: &quot;vite build&quot;,\n    &quot;preview&quot;: &quot;vite preview&quot;\n  },<\/code><\/pre>\n<blockquote><p>\u8fd9\u4e2a<code>start<\/code>\u811a\u672c\uff0c\u76f8\u5f53\u4e8e\u7ed9<code>npm run dev<\/code>\u8d77\u4e00\u4e2a\u522b\u540d\uff0c\u5373\u6267\u884c<code>npm start<\/code>\u4f1a\u8c03\u7528<code>npm run dev\u547d\u4ee4<\/code><\/p><\/blockquote>\n<p>\u52a0\u4e0a\u81ea\u5df1\u7684\u811a\u672c<\/p>\n<pre><code class=\"js\">  &quot;scripts&quot;: {\n    &quot;start&quot;: &quot;npm run dev&quot;,\n    &quot;dev&quot;: &quot;node .\/startDevConf.js &amp;&amp; vite --host&quot;,\n    &quot;build&quot;: &quot;vite build&quot;,\n    &quot;preview&quot;: &quot;vite preview&quot;\n  },<\/code><\/pre>\n<ul>\n<li>\u6211\u4eec\u5728\u539f\u6709\u7684<code>vite --host<\/code>\u547d\u4ee4\u524d\uff0c\u52a0\u4e0a\u81ea\u5df1\u60f3\u8981\u6267\u884c\u811a\u672c\u6587\u4ef6\u7684\u547d\u4ee4<code>node .\/startDevConf.js<\/code>\uff0c\u5e76\u901a\u8fc7<code>&amp;&amp;<\/code>\u8fdb\u884c\u5206\u9694<\/li>\n<li>\u8868\u793a\u5148\u628a\u524d\u9762\u7684<code>node .\/startDevConf.js<\/code>\u6267\u884c\u5b8c\u6bd5\uff0c\u518d\u53bb\u6267\u884c\u540e\u8fb9\u7684<code>vite --host<\/code><\/li>\n<\/ul>\n<p><strong>\u95ee\u9898\u4e8c\uff1a\u5982\u4f55\u7ed9\u81ea\u5df1\u5199\u7684\u811a\u672c\u4f20\u9012\u53c2\u6570\uff0c\u5e76\u63a5\u6536\u53c2\u6570<\/strong><\/p>\n<p>\u6bd4\u5982\u6211\u4eec\u5728<code>package.json<\/code>\u6587\u4ef6\u4e2d\uff0c\u518d\u52a0\u4e00\u4e2a\u811a\u672c\uff0c\u5e76\u9644\u4e0a\u53c2\u6570<code>helloWord<\/code><\/p>\n<pre><code class=\"js\">  &quot;scripts&quot;: {\n    &quot;start&quot;: &quot;npm run dev&quot;,\n    &quot;dev&quot;: &quot;node .\/startDevConf.js &amp;&amp; vite --host&quot;,\n    &quot;build&quot;: &quot;vite build&quot;,\n    &quot;preview&quot;: &quot;vite preview&quot;,\n    &quot;params&quot;: &quot;node .\/paramsConf.js helloWord&quot;\n  },<\/code><\/pre>\n<p>\u5f53\u6211\u4eec\u6267\u884c<code>npm run params<\/code>\u7684\u65f6\u5019\uff0c\u5728\u5bf9\u5e94\u7684<code>paramsConf.js\u6587\u4ef6<\/code>\u4e2d\uff0c\u6709\u4e24\u79cd\u65b9\u5f0f\u53ef\u4ee5\u63a5\u6536\uff1a<\/p>\n<pre><code class=\"js\">\/\/ paramsConf.js\n\/\/ \u4e24\u79cd\u65b9\u5f0f\uff0c\u62ff\u5230\u811a\u672c\u6267\u884c\u4f20\u9012\u8fdb\u6765\u7684\u53c2\u6570 \n\n\n\/**\n * \u83b7\u53d6\u811a\u672c\u53c2\u6570\u65b9\u5f0f\u4e00\uff1aprocess.argv.at(-1)\n * *\/\nconsole.log('process.argv\u662f\u6570\u7ec4---&gt;', process.argv); \/\/ [ 'C:\/\/Program Files\/\/nodejs\/\/node.exe',  'D:\/\/study\/\/9.6\u6587\u7ae0\/\/paramsConf.js', 'helloWord' ]\nconsole.log('\u7b2c\u4e00\u9879\u662fNode.js\u8fdb\u7a0b\u6240\u5728\u7684\u7edd\u5bf9\u8def\u5f84---&gt;', process.argv[0]);\nconsole.log('\u7b2c\u4e8c\u9879\u662f\u811a\u672c\u6587\u4ef6\u6240\u5728\u7684\u7edd\u5bf9\u8def\u5f84---&gt;', process.argv[1]);\nconsole.log('\u7b2c\u4e09\u9879\u811a\u672c\u6267\u884c\u9644\u5e26\u7684\u53c2\u6570---&gt;', process.argv[2]); \/\/ helloWord\n\n\/**\n * \u83b7\u53d6\u811a\u672c\u53c2\u6570\u65b9\u5f0f\u4e8c\uff1aprocess.env.npm_lifecycle_script\u622a\u53d6\n * *\/\nlet fullScriptStatement = process.env.npm_lifecycle_script\nlet params = fullScriptStatement.split(' ').at(-1) \/\/ helloWord\nconsole.log('\u901a\u8fc7\u622a\u53d6\u4e5f\u53ef\u4ee5\u62ff\u5230\u54e6', params);<\/code><\/pre>\n<h3>3. \u51e0\u4e2a\u5e38\u89c1\u7684\u8f6c\u4e49\u5b57\u7b26<\/h3>\n<ul>\n<li><code>\/n<\/code> \u6362\u884c\u7b26<\/li>\n<li><code>\/r<\/code> \u56de\u8f66\u7b26<\/li>\n<li><code>\/t<\/code> tab\u7f29\u8fdb\u7b26<\/li>\n<li><code>\/'<\/code> \u8f6c\u4e49<code>'<\/code>\u7b26<\/li>\n<li><code>\/&quot;<\/code> \u8f6c\u4e49<code>&quot;<\/code>\u7b26<\/li>\n<\/ul>\n<blockquote><p>\u53ef\u7528\u4e8e\u7ed9\u6587\u4ef6\u5199\u5165\u5b57\u7b26\u4e32\u5185\u5bb9\uff0c\u6839\u636e\u60c5\u51b5\u9002\u5f53\u6dfb\u52a0\u8f6c\u4e49\u5b57\u7b26<\/p><\/blockquote>\n<h3>4. process.env\u5bf9\u8c61<\/h3>\n<ul>\n<li><code>process<\/code>\u662f\u7a0b\u5e8f\u8fd0\u884c\u8fdb\u7a0b\u5bf9\u8c61\u7684\u610f\u601d\uff0c\u5176\u8eab\u4e0a\u6302\u4e86\u5f88\u591a\u5c5e\u6027<\/li>\n<li>\u6bd4\u5982\u6700\u5e38\u7528\u7684<code>process.env<\/code><\/li>\n<li>\u7b14\u8005\u6253\u5370\u4e86\u4e00\u4e0b<code>process.env<\/code>\u5e76\u622a\u53d6\u5e38\u7528\u7684\u4e00\u4e9b\u5c5e\u6027\u5982\u4e0b\uff1a<\/li>\n<\/ul>\n<pre><code class=\"js\">{\n  LANG: 'zh_CN.UTF-8', \/\/ \u5f53\u524d\u8bed\u8a00\uff1a\u4e2d\u6587\uff0cUTF-8\u7f16\u7801\n  NODE: 'C:\/\/Program Files\/\/nodejs\/\/node.exe', \/\/ node\u7a0b\u5e8f\u5b89\u88c5\u4f4d\u7f6e\n  NPM_CLI_JS: 'C:\/\/Program Files\/\/nodejs\/\/node_modules\/\/npm\/\/bin\/\/npm-cli.js', \/\/ npm\u811a\u624b\u67b6\u5b89\u88c5\u4f4d\u7f6e\n  npm_command: 'run-script', \/\/ npm\u7684\u547d\u4ee4 \u6267\u884c\u811a\u672c\n  npm_config_cache: 'C:\/\/Users\/\/user\/\/AppData\/\/Local\/\/npm-cache', \/\/ npm\u7f13\u5b58\u4f4d\u7f6e\n  npm_config_home: 'https:\/\/npmmirror.com', \/\/ npm\u914d\u7f6e\u955c\u50cf\u7684\u6e90\n  npm_config_init_module: 'C:\/\/Users\/\/user\/\/.npm-init.js', \/\/ npm\u521d\u59cb\u5316\u7684\u6a21\u5757js\u6587\u4ef6\n  npm_lifecycle_event: 'dev', \/\/ \u5f53\u524d\u6267\u884c\u7684npm\u811a\u672c\u7684\u540d\u5b57 npm run dev\/npm run build \u3010 dev \u6216 build \u53ef\u7528\u4e8e\u533a\u5206\u5f00\u53d1\u6216\u8005\u751f\u4ea7 \u3011\n  npm_lifecycle_script: 'node .\/startDevConf.js &amp;&amp; vite --host', \/\/ \u5f53\u524d\u6267\u884cnpm\u811a\u672c\u7684\u5b8c\u6574\u8bed\u53e5\n  npm_package_json: 'D:\/\/study\/\/9.6\u6587\u7ae0\/\/package.json', \/\/ package.json\u6587\u4ef6\u7684\u4f4d\u7f6e\n  npm_package_name: 'sou', \/\/ package.json\u6587\u4ef6\u7684\u540d\u5b57\n  npm_package_version: '0.0.0', \/\/ package.json\u6587\u4ef6\u7684\u7248\u672c\n  NVM_HOME: 'C:\/\/Users\/\/user\/\/AppData\/\/Roaming\/\/nvm', \/\/ \u7b14\u8005\u5b89\u88c5\u7684node\u7248\u672c\u7ba1\u7406\u5de5\u5177NVM\u7684\u8def\u5f84\u4f4d\u7f6e\n  SESSIONNAME: 'Console', \/\/ \u5f53\u524d\u4f1a\u8bdd\u7684\u7c7b\u578b,Console\u8868\u793a\u662f\u7269\u7406\u63a7\u5236\u53f0\u4e0a\u8fdb\u884c\u7684\u4ea4\u4e92\u5f0f\u4f1a\u8bdd\uff0c\u800c\u4e0d\u662f\u8fdc\u7a0b\u4f1a\u8bdd\n  TERM_PROGRAM: 'vscode', \/\/ \u5f53\u524d\u4f7f\u7528\u7684vscode\u7684\u7a0b\u5e8f\n  TERM_PROGRAM_VERSION: '1.81.1', \/\/ \u5f53\u524d\u4f7f\u7528\u7684vscode\u7a0b\u5e8f\u7684\u7248\u672c\n}<\/code><\/pre>\n<p>\u6700\u5e38\u7528\u7684\u4e24\u4e2a\uff1a<\/p>\n<ul>\n<li><code>npm_lifecycle_event: 'dev'<\/code> \/\/ \u5f53\u524d\u6267\u884c\u7684<code>npm\u811a\u672c<\/code>\u7684\u540d\u5b57 <code>npm run dev\/npm run build<\/code> \u3010 <strong>dev<\/strong> \u6216 <strong>build<\/strong> \u53ef\u7528\u4e8e\u533a\u5206\u5f00\u53d1\u6216\u8005\u751f\u4ea7 \u3011<\/li>\n<li><code>npm_lifecycle_script: 'node .\/startDevConf.js &amp;&amp; vite --host'<\/code> \/\/ \u5f53\u524d\u6267\u884c<code>npm\u811a\u672c<\/code>\u7684\u5b8c\u6574\u8bed\u53e5\uff08\u53ef\u4ee5\u622a\u53d6\u811a\u672c\u4f20\u9012\u7684\u53c2\u6570\uff0c\u5982\u679c\u6709\u7684\u8bdd\uff09<\/li>\n<\/ul>\n<h2>\u6548\u679c\u5b9e\u73b0<\/h2>\n<h3>\u7b2c\u4e00\u6b65 package.json\u6dfb\u52a0\u811a\u672c<\/h3>\n<pre><code class=\"js\">  &quot;scripts&quot;: {\n    &quot;dev&quot;: &quot;node .\/startDevConf.js &amp;&amp; vite --host&quot;,\n  },<\/code><\/pre>\n<ul>\n<li>\u5f53\u6211\u4eec\u6267\u884c<code>npm run dev<\/code>\u7684\u65f6\u5019\uff0c\u5728\u89e6\u53d1vite\u542f\u52a8\u9879\u76ee\u4e4b\u524d\uff0c\u5148\u6267\u884c<code>startDevConf.js\u6587\u4ef6<\/code>\u4e2d\u7684\u811a\u672c\u53bb\u64cd\u4f5c\u8de8\u57df\u8f6c\u53d1\u4ee3\u7406\u8bbe\u7f6e\u9009\u9879<\/li>\n<\/ul>\n<h3>\u7b2c\u4e8c\u6b65 \u4f7f\u7528inquirer\u914d\u7f6e\u9009\u9879<\/h3>\n<pre><code class=\"js\">\/\/ startDevConf.js\nimport inquirer from &quot;inquirer&quot;;\n\nasync function selectServe() {\n    try {\n        const choose = await inquirer.prompt([\n            {\n                type: 'list',\n                name: 'serve', \/\/ \u5c31\u662f\u9009\u4e2d\u7684key\n                message: '\u8bf7\u9009\u62e9\u5f00\u53d1\u73af\u5883\u4e0b\u9700\u8981\u8fde\u63a5\u7684\u540e\u7aef\u670d\u52a1',\n                choices: [\n                    {\n                        name: '\u5f20\u4e09',\n                        value: &quot;\/t\/t\/t\/ttarget: 'http:\/\/33.33.33.33:3333',&quot;,\n                    },\n                    {\n                        name: '\u674e\u56db',\n                        value: &quot;\/t\/t\/t\/ttarget: 'http:\/\/44.44.44.44:4444',&quot;,\n                    },\n                    {\n                        name: '\u738b\u4e8c',\n                        value: &quot;\/t\/t\/t\/ttarget: 'http:\/\/22.22.22.22:2222',&quot;,\n                    },\n                    {\n                        name: '\u9ebb\u5b50',\n                        value: &quot;\/t\/t\/t\/ttarget: 'http:\/\/55.55.55.55:5555',&quot;,\n                    },\n                ]\n                default: choices[0].value\n            }\n        ])\n        \/\/ \u5047\u8bbe\u9009\u4e2d\u7684\u662f\u9ebb\u5b50\u7684\u540e\u7aef\u670d\u52a1\n        console.log('\u9009\u4e2d\u7684\u9009\u9879', choose.serve) \/\/ \/t\/t\/t\/ttarget: 'http:\/\/55.55.55.55:5555',\n    } catch (error) {\n        console.log(`\u62a5\u9519\u4e86---&gt;: ${error}`)\n    }\n}\nselectServe()<\/code><\/pre>\n<p>\u63a5\u4e0b\u6765\uff0c\u6211\u4eec\u53ea\u9700\u8981\u628a\u9009\u4e2d\u7684\u9009\u9879\u7684<code>proxy\u7684target<\/code>\u6570\u636e\u5199\u5165\u5230<code>vite.config.js<\/code>\u6587\u4ef6\u4e2d\u53bb\u5373\u53ef<\/p>\n<h3>\u7b2c\u4e09\u6b65 \u628a\u9009\u4e2d\u7684\u6570\u636e\u66ff\u6362\u5230vite.config.js\u6587\u4ef6\u4e2d\u53bb\u5373\u53ef<\/h3>\n<ul>\n<li>\u9996\u5148\u8bfb\u53d6<code>vite.config.js<\/code>\u6587\u4ef6<\/li>\n<li>\u7136\u540e\u627e\u5230\u5bf9\u5e94\u7684<code>proxy\u7684target<\/code>\u90a3\u4e00\u884c\u7684\u6570\u636e<\/li>\n<li>\u6700\u540e\u518d\u66ff\u6362\u4e00\u4e0b\u5199\u5165<code>vite.config.js<\/code>\u6587\u4ef6\u5c31\u884c\u4e86<\/li>\n<\/ul>\n<pre><code class=\"js\">import fs from &quot;fs&quot;; \/\/ vite\u5199\u6cd5\n\n\/\/ \u5728\u8bfb\u53d6\u5230\u7684vue.config.js\u6587\u4ef6\u5b57\u7b26\u4e32\u4e2d\u5bfb\u627etarget\u884c\u7684\u6570\u636e\nfunction findProxyTarget(file) {\n    let fileArr = file.split('\/n') \/\/ \u628a\u6587\u4ef6\u5b57\u7b26\u4e32\u6839\u636e\u6362\u884c\u7b26\u8f6c\u6210\u6570\u7ec4\n    let proxyTarget = '' \/\/ \u8bf7\u6c42\u8f6c\u53d1\u4ee3\u7406\u90a3\u4e00\u884c\u7684\u6570\u636e\u5bb9\u5668\n    for (let i = 0; i &lt; fileArr.length; i++) { \/\/ \u901a\u8fc7\u5faa\u73af\u627e\u5230\u5bf9\u5e94\u884c\n        if (fileArr[i].includes('target:')) {\n            proxyTarget = fileArr[i] \/\/ \u8d4b\u503c\u4e00\u4e0b\uff0c\u627e\u5230\u4e86\n            break\n        }\n    }\n    \/\/ \u628a\u627e\u5230\u7684\u8fd9\u4e00\u884c\u6570\u636e\u5410\u51fa\u53bb\n    return proxyTarget \/\/ target: 'http:\/\/33.33.33.33:3333',\n}\n\nlet file = fs.readFileSync('.\/vite.config.js', 'utf-8') \/\/ \u8bfb\u53d6vue.config.js\u6587\u4ef6\nlet proxyTarget = findProxyTarget(file) \/\/ \u627e\u5230proxy\u8de8\u57df\u4ee3\u7406\u8bf7\u6c42\u8f6c\u53d1target\u884c\u7684\u6570\u636e\nconst newFile = file.replace(proxyTarget, choose.serve) \/\/ \u6362\u6210\u6211\u4eec\u65b0\u9009\u7684\u540e\u7aef\u670d\u52a1\u5730\u5740\nfs.writeFileSync('.\/vite.config.js', newFile) \/\/ \u5199\u5165\u66f4\u65b0vite.config.js\u6587\u4ef6\u5373\u53ef<\/code><\/pre>\n<p>\u81f3\u6b64\u6211\u4eec\u7684\u6548\u679c\u5c31\u5b9e\u73b0\u5566<\/p>\n<h2>\u5b8c\u6574\u4ee3\u7801<\/h2>\n<h3>\u811a\u672cstartDevConf.js\u5b8c\u6574\u4ee3\u7801<\/h3>\n<pre><code class=\"js\">import fs from &quot;fs&quot;; \/\/ vite\u5199\u6cd5\nimport inquirer from &quot;inquirer&quot;; \/\/ vite\u5199\u6cd5\n\n\/\/ const fs = require('fs') \/\/ webpack\u5199\u6cd5\n\/\/ const inquirer = require('inquirer') \/\/ webpack\u5199\u6cd5\n\nconst scriptName = process.env.npm_lifecycle_event \/\/ dev build\n\nconsole.log('process.env\/n', process.env);\n\n\/\/ \u540e\u7aef\u7684\u670d\u52a1\u9009\u9879\nconst choices = [\n    {\n        name: '\u5f20\u4e09',\n        value: &quot;\/t\/t\/t\/ttarget: 'http:\/\/33.33.33.33:3333',&quot;,\n    },\n    {\n        name: '\u674e\u56db',\n        value: &quot;\/t\/t\/t\/ttarget: 'http:\/\/44.44.44.44:4444',&quot;,\n    },\n    {\n        name: '\u738b\u4e8c',\n        value: &quot;\/t\/t\/t\/ttarget: 'http:\/\/22.22.22.22:2222',&quot;,\n    },\n    {\n        name: '\u9ebb\u5b50',\n        value: &quot;\/t\/t\/t\/ttarget: 'http:\/\/55.55.55.55:5555',&quot;,\n    },\n]\n\n\/\/ \u5728\u8bfb\u53d6\u5230\u7684vue.config.js\u6587\u4ef6\u5b57\u7b26\u4e32\u4e2d\u5bfb\u627etarget\u884c\u7684\u6570\u636e\nfunction findProxyTarget(file) {\n    let fileArr = file.split('\/n') \/\/ \u628a\u6587\u4ef6\u5b57\u7b26\u4e32\u6839\u636e\u6362\u884c\u7b26\u8f6c\u6210\u6570\u7ec4\n    let proxyTarget = '' \/\/ \u8bf7\u6c42\u8f6c\u53d1\u4ee3\u7406\u90a3\u4e00\u884c\u7684\u6570\u636e\u5bb9\u5668\n    for (let i = 0; i &lt; fileArr.length; i++) { \/\/ \u901a\u8fc7\u5faa\u73af\u627e\u5230\u5bf9\u5e94\u884c\n        if (fileArr[i].includes('target:')) {\n            proxyTarget = fileArr[i] \/\/ \u8d4b\u503c\u4e00\u4e0b\uff0c\u627e\u5230\u4e86\n            break\n        }\n    }\n    \/\/ \u628a\u627e\u5230\u7684\u8fd9\u4e00\u884c\u6570\u636e\u5410\u51fa\u53bb\n    return proxyTarget \/\/ target: 'http:\/\/33.33.33.33:3333',\n}\n\nasync function selectServe() {\n    try {\n        const choose = await inquirer.prompt([\n            {\n                type: 'list',\n                name: 'serve',\n                message: '\u8bf7\u9009\u62e9\u5f00\u53d1\u73af\u5883\u4e0b\u9700\u8981\u8fde\u63a5\u7684\u540e\u7aef\u670d\u52a1',\n                choices,\n                default: choices[0].value\n            }\n        ])\n        let file = fs.readFileSync('.\/vite.config.js', 'utf-8') \/\/ \u8bfb\u53d6vue.config.js\u6587\u4ef6\n        let proxyTarget = findProxyTarget(file) \/\/ \u627e\u5230proxy\u8de8\u57df\u4ee3\u7406\u8bf7\u6c42\u8f6c\u53d1target\u884c\u7684\u6570\u636e\n        const newFile = file.replace(proxyTarget, choose.serve) \/\/ \u6362\u6210\u6211\u4eec\u65b0\u9009\u7684\u540e\u7aef\u670d\u52a1\u5730\u5740\n        fs.writeFileSync('.\/vite.config.js', newFile) \/\/ \u5199\u5165\u66f4\u65b0vite.config.js\u6587\u4ef6\u5373\u53ef\n    } catch (error) {\n        console.log(`\u62a5\u9519\u4e86---&gt;: ${error}`)\n    }\n}\nselectServe()<\/code><\/pre>\n<h3>\u4ed3\u5e93\u5730\u5740<\/h3>\n<p>\u4e3a\u4e86\u65b9\u4fbf\u5927\u5bb6\u770b\u3002\u7279\u63d0\u4f9bgithub\u4ed3\u5e93\u5730\u5740\uff1a<a target=\"_blank\" href=\"https:\/\/link.segmentfault.com\/?enc=I9X2lbpz3m%2B01ZnEP9SqPw%3D%3D.HCTexzdUM2L7F1pBQDQmG3r3OO65vGQ9EgvLb0dUVphQw121vyCKOv4HnAKkXMaW00sZDYXspk7r7XPhCusB9w%3D%3D\" rel=\"noopener noreferrer\">https:\/\/github.com\/shuirongshuifu\/nodeForProject<\/a><\/p>\n<h2>\u601d\u8003<\/h2>\n<ul>\n<li>\u5982\u679c<code>nginx<\/code>\u662f\u5728\u524d\u7aef\u7ef4\u62a4\uff0c\u6211\u4eec\u662f\u4e0d\u662f\u4e5f\u53ef\u4ee5\u4fee\u6539<code>nginx\u7684location\u7684proxy_pass<\/code>\u5462\uff1f\u6bd5\u7adf\u6709\u65f6\u5019\uff0c\u751f\u4ea7\u8981\u53d1\u5e03\u597d\u51e0\u4efd\uff1f<\/li>\n<li>\u5982\u679c\u8fdb\u4e00\u6b65\u7ec6\u5206\uff0c\u5e26\u6709<code>.env.development<\/code>\u548c<code>.env.production<\/code>\u6587\u4ef6\uff0c\u6211\u4eec\u662f\u4e0d\u662f\u53ef\u4ee5\u5728\u5176\u4e2d\u914d\u7f6e\u4e00\u4e9b\u4e1c\u897f\uff0c\u4ece\u800c\u4fee\u6539\u5462\uff1f<\/li>\n<li>\u7b14\u8005\u7684\u8fd9\u7bc7\u6587\u7ae0\uff0c\u629b\u7816\u5f15\u7389\uff0c\u5e0c\u671b\u80fd\u591f\u8ba9\u8bfb\u8005\u4eec\u6709\u6240\u6536\u83b7\u611f\u609f&#8230;&#8230;<\/li>\n<\/ul>\n<p><a href=\"https:\/\/segmentfault.com\/a\/1190000044189617\">https:\/\/segmentfault.com\/a\/1190000044189617<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u95ee\u9898\u63cf\u8ff0 \u65e5\u5e38\u5f00\u53d1\u4e2d\uff0c\u6211\u4eec\u524d\u7aef\u5728\u8054\u8c03\u63a5\u53e3\u65f6\uff0c\u5e38\u5e38\u4f1a\u9047\u5230\u9700\u8981\u5728\u591a\u4e2a\u540e\u7aefip\u670d\u52a1\u5207\u6362\u7684\u60c5\u51b5 \u4e3e\u4e2a\u4f8b\u5b50\uff0c\u4e00\u4e2a\u524d\u7aef\u8981\u5206 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-10008239","post","type-post","status-publish","format-standard","hentry","category-share"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/posts\/10008239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10008239"}],"version-history":[{"count":0,"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/posts\/10008239\/revisions"}],"wp:attachment":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10008239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10008239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10008239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}