{"id":39997,"date":"2025-05-27T06:41:40","date_gmt":"2025-05-26T22:41:40","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/39997.html"},"modified":"2025-05-27T06:41:40","modified_gmt":"2025-05-26T22:41:40","slug":"vuespringbootmysql%e9%a1%b9%e7%9b%ae%e6%89%93%e5%8c%85%e9%83%a8%e7%bd%b2%e5%88%b0%e4%ba%91%e7%ab%af%e6%9c%8d%e5%8a%a1%e5%99%a8","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/39997.html","title":{"rendered":"vue+springboot+mysql\u9879\u76ee\u6253\u5305\u90e8\u7f72\u5230\u4e91\u7aef\u670d\u52a1\u5668"},"content":{"rendered":"<h2>1.\u8d2d\u4e70\u4e91\u670d\u52a1\u5668\u8d44\u6e90<\/h2>\n<h3>1.1\u8fd9\u91cc\u6211\u7528\u5230\u7684\u662f\u963f\u91cc\u4e91&#xff0c;\u6253\u5f00\u963f\u91cc\u4e91\u7684\u4e3b\u9875&#xff0c;\u9009\u62e9\u4ea7\u54c1&#8212;-&gt;\u4e91\u670d\u52a1\u5668ECS<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"714\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224131-6834ee1bf0484.png\" width=\"1628\" \/><\/p>\n<p>\u8fd9\u91cc\u5177\u4f53\u79df\u670d\u52a1\u5668\u548c\u5b89\u88c5\u5b9d\u5854\u7684\u8fc7\u7a0b\u6211\u662f\u770b\u53e6\u4e00\u7bc7\u535a\u5ba2\u7684&#xff0c;\u611f\u89c9\u5df2\u7ecf\u5f88\u8be6\u7ec6\u4e86&#xff1a;vue3&#043;SpringBoot&#043;MySQL8.0\u6253\u5305\u4e0a\u7ebf\u90e8\u7f72&#xff08;\u4f7f\u7528\u5b9d\u5854\u9762\u677f&#xff09;_\u5b9d\u5854\u90e8\u7f72vue3\u9879\u76ee-CSDN\u535a\u5ba2^v102^pc_search_result_base9&amp;spm&#061;1018.2226.3001.4187<\/p>\n<p>\u770b\u5b8c\u4e0a\u9762\u7684\u6587\u7ae0\u5982\u679c\u6709\u95ee\u9898\u6ca1\u89e3\u51b3\u5c31\u8fd8\u6765\u627e\u6211<\/p>\n<p>\u4e0d\u8fc7\u6709\u4e00\u70b9\u8981\u8bf4&#xff0c;\u963f\u91cc\u4e91\u6bcf\u4e2a\u4eba\u662f\u53ef\u4ee5\u514d\u8d39\u8bd5\u7528\u7684&#xff0c;\u6709300\u7684\u989d\u5ea6&#xff0c;\u5efa\u8bae\u5b89\u88c5\u7684\u65f6\u5019\u5148\u4f7f\u7528\u8bd5\u7528\u6743\u9650&#xff0c;\u4e0a\u9762\u8fd9\u4e2a\u535a\u4e3b\u8bf4\u7684\u7528\u5b9d\u5854\u5b89\u88c5mysql8.0\u5fc5\u987b\u8981\u6c42\u670d\u52a1\u5668\u7684\u914d\u7f6e\u662f4GB&#xff0c;\u4f464GB\u7684\u670d\u52a1\u5668\u76ee\u524d\u6ca1\u6709\u6d3b\u52a8&#xff0c;\u4ef7\u683c\u592a\u8d35&#xff0c;\u6211\u7684\u5c0f\u4e1a\u52a1\u7528\u90a3\u4e48\u8d35\u7684\u611f\u89c9\u6709\u70b9\u6d6a\u8d39&#xff0c;\u4e8e\u662f\u6211\u5c1d\u8bd5\u4f7f\u75282GB\u7684\u670d\u52a1\u5668\u5b89\u88c5mysq<\/p>\n<h2>2.\u95ee\u9898\u89e3\u51b3<\/h2>\n<h3>2.1\u5b9d\u5854\u90a3\u4e2a\u94fe\u63a5\u6253\u4e0d\u5f00<\/h3>\n<p>\u4e0b\u9762\u662f\u6211\u8054\u7cfb\u5b9d\u5854\u7684\u5ba2\u670d\u7136\u540e\u7ed9\u51fa\u7684\u89e3\u51b3\u529e\u6cd5&#xff08;\u4e5f\u5c31\u662f\u8981\u6253\u5f00\u4f60\u79df\u7684\u670d\u52a1\u5668\u7684\u90a3\u4e2a\u8bbf\u95ee\u5b9d\u5854\u7684\u7aef\u53e3&#xff09;&#xff1a;<\/p>\n<ul>\n<li>\n<p>\u767b\u5f55\u5230\u963f\u91cc\u4e91\u5f39\u6027\u4e91\u670d\u52a1\u5668\u63a7\u5236\u53f0<\/p>\n<\/li>\n<li>\n<p>\u5728\u641c\u7d22\u680f\u8f93\u5165&#034;\u4e91\u670d\u52a1\u5668ECS&#034; \u5982\u4e0b\u56fe&#xff1a;\u627e\u5230\u5b89\u5168\u7ec4&#8212;&gt;\u7ba1\u7406\u89c4\u5219<\/p>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"763\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224133-6834ee1d243f7.png\" width=\"1885\" \/><\/p>\n<p>\u00a0 \u5728\u5165\u65b9\u5411\u6dfb\u52a0\u4e00\u4e9b\u89c4\u5219\u6253\u5f00\u4e00\u4e9b\u7aef\u53e3&#xff0c;\u8fd9\u91cc\u9700\u8981\u6839\u636e\u4e2a\u4eba\u9700\u6c42&#xff0c;\u50cf\u6211\u8981\u7528\u5230mysql\u7684\u8bdd3306\u80af\u5b9a\u8981\u6253\u5f00\u7684&#xff0c;\u8fd9\u4e2a39916\u662f\u5b9d\u5854\u90a3\u4e2a\u94fe\u63a5\u4e0a\u9700\u8981\u7528\u5230\u7684\u7aef\u53e3&#xff0c;\u5fc5\u987b\u8981\u6253\u5f00\u624d\u80fd\u8bbf\u95ee\u5230\u90a3\u4e2a\u94fe\u63a5\u3002\u6211\u540e\u9762\u8fd8\u8981\u7528\u52308080\u548c8866&#xff0c;\u8fd9\u91cc\u53ef\u4ee5\u4e00\u8d77\u6253\u5f00<\/p>\n<table>\n<tr>\u6ce8\u610f&#xff1a;\u5982\u9700\u5b8c\u6574\u4f7f\u7528\u5b9d\u5854\u7684\u6240\u6709\u529f\u80fd \u4f60\u8fd8\u9700\u8981\u653e\u884c\u5982\u4e0b\u7aef\u53e3 20 \u300121\u3001 39000-40000\u7aef\u53e3&#xff08;linux \u7cfb\u7edf &#xff09;&#xff0c;3000-4000&#xff08;windows\u7cfb\u7edf&#xff09;&#xff0c;22 (SSH)&#xff0c;80\u3001443&#xff08;\u7f51\u7ad9\u53caSSL&#xff09;&#xff0c;3306 &#xff08;\u6570\u636e\u5e93\u8fdc\u7a0b\u8fde\u63a5&#xff09;&#xff0c;888 &#xff08;phpmyadmin&#xff09;<\/tr>\n<tbody>\n<tr>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"435\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224133-6834ee1da0809.png\" width=\"1573\" \/><\/p>\n<p>\u6253\u5f00\u7aef\u53e3\u540e\u53ef\u4ee5\u6765\u5230\u8fd9\u4e2a\u94fe\u63a5\u68c0\u6d4b\u4e00\u4e0b\u6709\u6ca1\u6709\u6210\u529f\u6253\u5f00&#xff1a;\u7aef\u53e3\u626b\u63cf &#8211; \u7ad9\u957f\u5de5\u5177 \u50cf\u6211\u8fd9\u4e2a\u4e0b\u9762\u663e\u793a\u5f00\u542f\u4e86\u5c31\u53ef\u4ee5\u901a\u8fc7\u6d4f\u89c8\u5668\u8bbf\u95ee\u4e86&#xff0c;\u7136\u540e\u7ee7\u7eed\u767b\u5f55\u81ea\u5df1\u7684\u5b9d\u5854\u8d26\u53f7\u5bc6\u7801<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"802\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224133-6834ee1ded3c9.png\" width=\"1942\" \/><\/p>\n<p>\u8fdb\u5165\u5b9d\u5854\u91cc\u9762&#xff0c;\u7531\u4e8e\u54b1\u4eec\u662f\u4ece\u963f\u91cc\u4e91\u7ec4\u7684\u670d\u52a1\u5668&#xff0c;\u8fd9\u91cc\u53ef\u4ee5\u76f4\u63a5\u7ed1\u5b9a\u963f\u91cc\u4e91&#xff0c;\u63a5\u4e0b\u6765\u4f1a\u63a8\u8350\u4e00\u4e9b\u4e1c\u897f\u8ba9\u4f60\u5b89\u88c5&#xff0c;\u6211\u5c31\u6309\u7167\u6211\u7684\u9700\u6c42\u5b89\u88c5\u4e86java\u90a3\u4e00\u680f\u4e2d\u4e0b\u9762\u8fd9\u4e9b\u4e1c\u897f\u548cjdk&#xff08;\u8fd9\u91cc\u70b9\u51fbmysql8.0\u7684\u65f6\u5019\u867d\u7136\u8bf4\u7684\u662f\u5185\u5b58\u4f4e\u4e8e6GB\u4e0d\u63a8\u8350\u5b89\u88c5&#xff0c;\u4f46\u597d\u50cf\u8fd8\u662f\u53ef\u4ee5\u5b89\u88c5\u7684&#xff0c;\u6240\u4ee5\u611f\u89c9\u4ece\u8fd9\u91cc\u5b89\u88c5\u5f88\u723d\u563f\u563f&#8230;&#xff09;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"757\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224134-6834ee1e87874.png\" width=\"964\" \/><\/p>\n<p>\u5b89\u88c5\u8d85\u7ea7\u65e0\u654c\u5de8\u987a\u7545&#xff01;\u4e0d\u7528\u50cf\u4e0a\u9762\u90a3\u4e2a\u535a\u4e3b\u90a3\u6837\u6bcf\u4e2a\u5355\u72ec\u627e\u6765\u5b89\u88c5<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"304\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224134-6834ee1ebd6b3.png\" width=\"750\" \/><\/p>\n<h3>2.2\u524d\u7aef\u9879\u76ee\u6253\u5305\u65f6\u4e0d\u77e5\u9053\u7aef\u53e3\u600e\u4e48\u8bbe\u7f6e\u7684<\/h3>\n<p>\u8fd9\u91cc\u7684\u95ee\u9898\u4e00\u822c\u90fd\u662f\u4fee\u6539\u8fd9\u56db\u4e2a\u6587\u4ef6&#xff1a;.\/src\/utils\/request.ts&#xff0c;\u548c\u6839\u6587\u4ef6\u5939\u4e0b\u7684\u8fd9\u4e09\u4e2a&#xff1a;.env.development\u3001.env.production\u3001vue.config.js&#xff1a;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"685\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224134-6834ee1ed0234.png\" width=\"368\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"802\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224134-6834ee1ee39f9.png\" width=\"1082\" \/><\/p>\n<ul>\n<li>\n<p>\u5728\u4e24\u4e2a\u73af\u5883\u6587\u4ef6\u91cc\u7528\u540c\u4e00\u4e2a\u53d8\u91cf&#xff0c;\u7edf\u4e00\u7528 VUE_APP_BASE_API&#xff0c;\u4e3a\u6211\u4eec\u5e26\u6765\u7684\u597d\u5904\u5c31\u662f\u53ef\u4ee5\u8ba9\u540c\u4e00\u5957\u4ee3\u7801\u5728\u300c\u5f00\u53d1\u300d\u548c\u300c\u751f\u4ea7\u300d\u73af\u5883\u90fd\u80fd\u6b63\u786e\u627e\u5230\u540e\u7aef\u63a5\u53e3&#xff0c;\u800c\u4e14\u4e0d\u9700\u8981\u6539\u53d8\u4efb\u4f55\u4e1c\u897f&#xff0c;\u6253\u5305\u5b8c\u53ef\u4ee5\u76f4\u63a5\u5728\u751f\u4ea7\u73af\u5883\u7528&#xff0c;\u751f\u4ea7\u73af\u5883\u5982\u679c\u51fa\u95ee\u9898\u4e86&#xff0c;\u53ef\u4ee5\u76f4\u63a5\u5728\u5f00\u53d1\u73af\u5883\u4fee\u6539&#xff0c;\u5b8c\u4e86\u91cd\u65b0\u6253\u5305\u5728\u4e0a\u4f20\u4e0a\u53bb\u800c\u4e0d\u7528\u518d\u53e6\u5916\u914d\u7f6e\u540e\u7aef\u5730\u5740&#xff1b;<\/p>\n<\/li>\n<li>\n<p>\u8fd9\u91cc\u4ee5\u6211\u7684\u9879\u76ee\u4e3a\u4f8b&#xff0c;\u5728\u5f00\u53d1\u73af\u5883\u4e0b&#xff0c;\u6211\u7684\u524d\u7aef\u9879\u76ee\u4e2d\u8bbf\u95ee\u7684\u5730\u5740\u90fd\u662fhttp:\/\/localhost:8080\/admin&#xff0c;\u4f46\u6211\u8fd9\u91cc\u662f\u901a\u8fc7Vue CLI \u7684 devServer.proxy \u628a \/api \u8f6c\u53d1\u5230\u540e\u7aef&#xff0c;\u5e76\u81ea\u52a8\u628a\/api\u8f6c\u6362\u6210\/admin&#xff08;\u8be6\u89c1vue.config.js&#xff09;&#xff0c;\u56e0\u6b64\u6211\u8fd9\u4e2adevelopment\u4e2d\u6ca1\u6709\u5199\u51faadmin,\u5728\u751f\u4ea7\u73af\u5883\u4e0b&#xff0c;\u76f4\u63a5\u628a VUE_APP_BASE_API \u914d\u6210\u540e\u7aef\u5730\u5740\u5b8c\u6574\u5730\u5740\u3002\u9879\u76ee\u6839\u8def\u5f84\u4e0b\u5982\u679c\u6ca1\u6709.env.development\u6587\u4ef6&#xff0c;\u5c31\u81ea\u5df1\u521b\u5efa\u4e00\u4e2a&#xff0c;\u5185\u5bb9\u5982\u4e0b&#xff1a;<\/p>\n<\/li>\n<\/ul>\n<p>NODE_ENV&#061;development<br \/>\n\u200b<br \/>\nVUE_APP_BASE_API&#061;\/api<br \/>\n\u200b<br \/>\nVUE_APP_URL&#061;http:\/\/localhost:8080 <\/p>\n<ul>\n<li>\n<p>.env.production\u540c\u7406&#xff0c;\u5047\u5982\u6211\u5728\u963f\u91cc\u4e91\u4e0a\u79df\u7684\u670d\u52a1\u5668\u5730\u5740\u662f11.11.11.11&#xff1a;<\/p>\n<\/li>\n<\/ul>\n<p>NODE_ENV&#061;production<br \/>\n\u200b<br \/>\nVUE_APP_BASE_API&#061;http:\/\/11.11.11.11:8080\/admin <\/p>\n<ul>\n<li>\n<p>\u5728 request.ts \u627e\u5230\u4e0b\u9762\u8fd9\u4e00\u5757&#xff0c;\u6211\u4eec\u7684baseURL\u6839\u636e process.env.NODE_ENV \u6765\u9009\u7528\u8fd9\u4e2a\u53d8\u91cf&#xff1b;<\/p>\n<p> const service &#061; axios.create({<br \/>\n\u200b<br \/>\n baseURL: process.env.VUE_APP_BASE_API,<br \/>\n\u200b<br \/>\n &#034;timeout&#034;: 600000<br \/>\n\u200b<br \/>\n}) <\/p>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<p>\u6211\u7684vue.config.js\u662f\u4e0b\u9762\u8fd9\u4e2a\u6837\u5b50\u7684<\/p>\n<\/li>\n<\/ul>\n<p>const path &#061; require(&#034;path&#034;);<br \/>\n\u200b<br \/>\nconst name &#061; &#034;Vue Typescript Admin&#034;;<br \/>\n\u200b<br \/>\nconst IS_PROD &#061; [&#034;production&#034;, &#034;development&#034;].includes(process.env.NODE_ENV);<br \/>\n\u200b<br \/>\n\u200b<br \/>\n\u200b<br \/>\nmodule.exports &#061; {<br \/>\n\u200b<br \/>\n\u200b<br \/>\n\u200b<br \/>\n parallel: false,<br \/>\n\u200b<br \/>\n publicPath: process.env.NODE_ENV &#061;&#061;&#061; &#039;production&#039; ? &#039;.\/&#039; : &#039;\/&#039;,<br \/>\n\u200b<br \/>\n lintOnSave: process.env.NODE_ENV &#061;&#061;&#061; &#034;development&#034;,<br \/>\n\u200b<br \/>\n pwa: { name },<br \/>\n\u200b<br \/>\n\u200b<br \/>\n\u200b<br \/>\n pluginOptions: {<br \/>\n\u200b<br \/>\n  &#034;style-resources-loader&#034;: {<br \/>\n\u200b<br \/>\n \u00a0 preProcessor: &#034;scss&#034;,<br \/>\n\u200b<br \/>\n \u00a0 patterns: [<br \/>\n\u200b<br \/>\n \u00a0  path.resolve(__dirname, &#034;src\/styles\/_variables.scss&#034;),<br \/>\n\u200b<br \/>\n \u00a0  path.resolve(__dirname, &#034;src\/styles\/_mixins.scss&#034;)<br \/>\n\u200b<br \/>\n \u00a0 ]<br \/>\n\u200b<br \/>\n  }<br \/>\n\u200b<br \/>\n },<br \/>\n\u200b<br \/>\n\u200b<br \/>\n devServer: {<br \/>\n\u200b<br \/>\n  port: 8888,\/\/\u8fd9\u91cc\u662f\u6211\u5728\u5f00\u53d1\u73af\u5883\u4e0b\u8bbf\u95ee\u524d\u7aef\u754c\u9762\u7684\u7aef\u53e3&#xff0c;\u8fd9\u4e2a\u4e0d\u5173\u952e<br \/>\n\u200b<br \/>\n  open: true,<br \/>\n\u200b<br \/>\n  \/\/ Webpack-Dev-Server 4 \u4e2d\u4e0d\u7528 disableHostCheck&#xff0c;\u6539\u7528 allowedHosts<br \/>\n\u200b<br \/>\n  allowedHosts: &#034;all&#034;,<br \/>\n\u200b<br \/>\n  hot: true,<br \/>\n\u200b<br \/>\n  \/\/ overlay \u8981\u653e\u5230 client \u91cc<br \/>\n\u200b<br \/>\n  client: {<br \/>\n\u200b<br \/>\n \u00a0 overlay: {<br \/>\n\u200b<br \/>\n \u00a0  warnings: false,<br \/>\n\u200b<br \/>\n \u00a0  errors: true<br \/>\n\u200b<br \/>\n \u00a0 }<br \/>\n\u200b<br \/>\n  },<br \/>\n\u200b<br \/>\n  proxy: {<br \/>\n\u200b<br \/>\n \u00a0 &#039;\/api&#039;: {<br \/>\n\u200b<br \/>\n \u00a0  target: process.env.VUE_APP_URL,  \/\/ http:\/\/localhost:8080<br \/>\n\u200b<br \/>\n \u00a0  changeOrigin: true,<br \/>\n\u200b<br \/>\n \u00a0  secure: false,<br \/>\n\u200b<br \/>\n \u00a0  pathRewrite: { &#039;^\/api&#039;: &#039;\/admin&#039; },<br \/>\n\u200b<br \/>\n \u00a0 \u00a0 \u00a0  onProxyReq(proxyReq \/* , req, res *\/) {<br \/>\n\u200b<br \/>\n \u00a0 \u00a0 \/\/ \u5220\u9664 Origin&#xff0c;\u540e\u7aef\u5c31\u4e0d\u4f1a\u5f53\u6210\u8de8\u57df\u8bf7\u6c42\u6765\u9a8c\u8bc1<br \/>\n\u200b<br \/>\n\u00a0 \u00a0 proxyReq.removeHeader(&#039;origin&#039;)<br \/>\n\u200b<br \/>\n \u00a0  }<br \/>\n\u200b<br \/>\n \u00a0 }<br \/>\n\u200b<br \/>\n  }<br \/>\n\u200b<br \/>\n },<br \/>\n\u200b<br \/>\n\u200b<br \/>\n\u200b<br \/>\n chainWebpack: config &#061;&gt; {<br \/>\n\u200b<br \/>\n  config.resolve.symlinks(true);<br \/>\n\u200b<br \/>\n  config.plugins.delete(&#039;pwa&#039;);<br \/>\n\u200b<br \/>\n\u200b<br \/>\n\u200b<br \/>\n  \/\/ \u5220\u9664 thread-loader \/ cache-loader&#xff08;\u5982\u679c\u6709&#xff09;<br \/>\n\u200b<br \/>\n  [&#034;js&#034;, &#034;ts&#034;, &#034;tsx&#034;, &#034;vue&#034;].forEach(ruleName &#061;&gt; {<br \/>\n\u200b<br \/>\n \u00a0 const r &#061; config.module.rule(ruleName);<br \/>\n\u200b<br \/>\n \u00a0 if (r) {<br \/>\n\u200b<br \/>\n \u00a0  r.uses.delete(&#034;thread-loader&#034;);<br \/>\n\u200b<br \/>\n \u00a0  r.uses.delete(&#034;cache-loader&#034;);<br \/>\n\u200b<br \/>\n \u00a0 }<br \/>\n\u200b<br \/>\n  });<br \/>\n\u200b<br \/>\n\u200b<br \/>\n\u200b<br \/>\n  \/\/ SVG sprite-loader \u914d\u7f6e<br \/>\n\u200b<br \/>\n  config.module.rule(&#034;svg&#034;).uses.clear();<br \/>\n\u200b<br \/>\n  config.module<br \/>\n\u200b<br \/>\n \u00a0 .rule(&#034;icons&#034;)<br \/>\n\u200b<br \/>\n \u00a0 .test(\/\\\\.svg$\/)<br \/>\n\u200b<br \/>\n \u00a0 .include.add(path.resolve(__dirname, &#034;src\/icons\/svg&#034;))<br \/>\n\u200b<br \/>\n \u00a0 .end()<br \/>\n\u200b<br \/>\n \u00a0 .use(&#034;svg-sprite-loader&#034;)<br \/>\n\u200b<br \/>\n \u00a0  .loader(&#034;svg-sprite-loader&#034;)<br \/>\n\u200b<br \/>\n \u00a0  .options({ symbolId: &#034;icon-[name]&#034; });<br \/>\n\u200b<br \/>\n  config.module<br \/>\n\u200b<br \/>\n \u00a0 .rule(&#034;svg-file&#034;)<br \/>\n\u200b<br \/>\n \u00a0 .test(\/\\\\.svg$\/)<br \/>\n\u200b<br \/>\n \u00a0 .exclude.add(path.resolve(__dirname, &#034;src\/icons\/svg&#034;))<br \/>\n\u200b<br \/>\n \u00a0 .end()<br \/>\n\u200b<br \/>\n \u00a0 .use(&#034;file-loader&#034;)<br \/>\n\u200b<br \/>\n \u00a0  .loader(&#034;file-loader&#034;);<br \/>\n\u200b<br \/>\n },<br \/>\n\u200b<br \/>\n\u200b<br \/>\n\u200b<br \/>\n  configureWebpack: {<br \/>\n\u200b<br \/>\n  devtool: &#034;source-map&#034;,<br \/>\n\u200b<br \/>\n  resolve: {<br \/>\n\u200b<br \/>\n \u00a0 fallback: {<br \/>\n\u200b<br \/>\n  \/\/ \u8fd9\u4e00\u884c\u8ba9 webpack \u5728\u9047\u5230 &#096;import &#039;path&#039;&#096; \u65f6&#xff0c;\u7528 path-browserify \u6765\u66ff\u4ee3<br \/>\n\u200b<br \/>\n\u00a0  path: require.resolve(&#039;path-browserify&#039;),<br \/>\n\u200b<br \/>\n \u00a0 },<br \/>\n\u200b<br \/>\n  },<br \/>\n\u200b<br \/>\n },<br \/>\n\u200b<br \/>\n\u200b<br \/>\n\u200b<br \/>\n css: {<br \/>\n\u200b<br \/>\n  extract: IS_PROD,<br \/>\n\u200b<br \/>\n  sourceMap: false,<br \/>\n\u200b<br \/>\n  loaderOptions: {<br \/>\n\u200b<br \/>\n \u00a0 sass: { implementation: require(&#034;sass&#034;) },<br \/>\n\u200b<br \/>\n \u00a0 scss: { implementation: require(&#034;sass&#034;) }<br \/>\n\u200b<br \/>\n  }<br \/>\n\u200b<br \/>\n }<br \/>\n\u200b<br \/>\n};<br \/>\n\u200b <\/p>\n<p>\u8fd9\u6837\u5199\u597d\u4e4b\u540e\u5c31\u53ef\u4ee5\u6253\u5305\u524d\u7aef\u73af\u5883\u4e86&#xff0c;\u6253\u5305\u597d\u4e4b\u540e\u9879\u76ee\u7684\u6839\u6587\u4ef6\u5939\u4e0b\u4f1a\u4ea7\u751f\u4e00\u4e2a\/dist\u7684\u6587\u4ef6&#xff0c;\u63a5\u4e0b\u6765\u8981\u505a\u7684\u5c31\u662f\u628a\u8fd9\u4e2a\u6587\u4ef6\u4e0a\u4f20\u5230\u670d\u52a1\u5668\u4e0a&#xff0c;\u7136\u540e\u914d\u7f6e\u597d\u76f8\u5e94\u7684\u5185\u5bb9\u3002<\/p>\n<h3>2.3\u524d\u7aef\u73af\u5883\u6253\u5305\u597d\u4e0a\u4f20\u5230\u670d\u52a1\u5668\u540e\u8dd1\u4e0d\u8d77\u6765<\/h3>\n<p>\u8fd9\u91cc\u4e00\u822c\u7275\u6d89\u5230nginx\u3001\u670d\u52a1\u5668\u7aef\u53e3\u662f\u5426\u6253\u5f00\u3001\u540e\u7aef\u9879\u76ee\u662f\u5426\u914d\u7f6e\u597d<\/p>\n<p>\u6211\u4eec\u8fd9\u91cc\u5047\u8bbe\u540e\u7aef\u662f\u6ca1\u95ee\u9898\u7684&#xff0c;\u5148\u628a\u524d\u7aef\u90fd\u641e\u987a\u6e9c<\/p>\n<p>2.3.1 nginx\u7684\u914d\u7f6e<\/p>\n<p>\u5982\u679c\u4f60\u662f\u8ddf\u7740\u6211\u4f7f\u7528\u5b9d\u5854\u81ea\u52a8\u5b89\u88c5\u7684nginx\u7684\u8bdd&#xff0c;nginx\u5e94\u8be5\u4f1a\u5b58\u653e\u5728\u8fd9\u91cc&#xff1a;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"666\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224135-6834ee1f46470.png\" width=\"1320\" \/><\/p>\n<p>\u6253\u5f00conf\/nginx.conf<\/p>\n<p>1.\u627e\u5230http\u90a3\u4e00\u5757\u6dfb\u52a0\u4e00\u884c\u5185\u5bb9&#xff1a; include \/www\/server\/nginx\/conf\/vhost\/*.conf;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"745\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224135-6834ee1f90049.png\" width=\"1484\" \/><\/p>\n<p>2.\u627e\u5230\u6700\u4e0b\u9762\u7684server\u90a3\u4e00\u5757\u76f4\u63a5\u5168\u90e8\u6ce8\u91ca\u6389 \u00a0<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"729\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224135-6834ee1fe1cbd.png\" width=\"1436\" \/><\/p>\n<p>3.\u6253\u5f00\u4e0enginx.conf\u6587\u4ef6\u540c\u7ea7\u76ee\u5f55vhost,\u5728\u91cc\u9762\u521b\u5efa\u6587\u4ef6\u540d\u4e3a&#xff1a;11.11.11.11.conf,\u4e5f\u5c31\u662f\u4f60\u7684\u670d\u52a1\u5668ip.conf&#xff0c;\u5185\u5bb9\u5982\u4e0b&#xff0c;8866\u662f\u4f60\u5728\u5916\u754c\u60f3\u901a\u8fc7\u54ea\u4e2a\u7aef\u53e3\u53f7\u8bbf\u95ee\u5230\u54b1\u7684\u524d\u7aef\u9879\u76ee&#xff0c;\u6211\u5728\u672c\u5730\u7684\u65f6\u5019\u524d\u9762\u8bbe\u7f6e\u7684\u662f8888&#xff0c;\u4f46\u5728\u8fd9\u91cc\u8bbe\u7f6e\u4e0d\u4e868888&#xff0c;\u56e0\u4e3a\u5f85\u4f1a\u5728\u53e6\u5916\u4e00\u4e2a\u5730\u65b9\u8bbe\u7f6e\u7aef\u53e3\u7684\u65f6\u5019\u4f1a\u63d0\u793a8888\u4e3a\u5e38\u7528\u7aef\u53e3&#xff0c;\u4e0d\u80fd\u8bbe\u7f6e&#xff0c;\u6240\u4ee5\u8fd9\u91cc\u5c31\u6539\u6210\u4e868866&#xff0c;\u8ba9nginx\u76d1\u542c\u8fd9\u4e2a\u7aef\u53e3&#xff0c;\u540c\u65f6\u4e0b\u9762root\u8fd9\u4e2a\u53d8\u91cf\u91cc\u7684\u503c\/www\/wwwroot\/MyProject\/projectWeb\u5c31\u662f\u6211\u7684\u524d\u7aef\u9879\u76ee\u6253\u5305\u597d\u5b58\u653e\u7684\u4f4d\u7f6e&#xff1a;<\/p>\n<p>server {<br \/>\n    # \u53ea\u5728\u8fd9\u91cc\u58f0\u660e default_server&#xff0c;\u4e3b\u914d\u7f6e\u91cc\u7684\u5c31\u4e0d\u7ba1\u4e86<br \/>\n    listen 80;<br \/>\n    listen 8866;<\/p>\n<p>    # \u7528\u4e0b\u5212\u7ebf(_)\u4f5c\u4e3a\u901a\u914d\u57df\u540d&#xff0c;\u5339\u914d\u4efb\u610f\u8bf7\u6c42<br \/>\n    server_name _;<\/p>\n<p>    root \/www\/wwwroot\/MyProject\/projectWeb;<br \/>\n    index index.html;<\/p>\n<p>    location \/ {<br \/>\n        try_files $uri $uri\/ \/index.html;<br \/>\n    }<\/p>\n<p>    location \/admin\/ {<br \/>\n        proxy_pass http:\/\/127.0.0.1:8080;<br \/>\n        proxy_set_header Host $host;<br \/>\n        proxy_set_header X-Real-IP $remote_addr;<br \/>\n    }<\/p>\n<p>}<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"621\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224136-6834ee203d9c9.png\" width=\"1717\" \/><\/p>\n<p>\u8fd9\u91cc\u5f04\u597d\u4e86\u4e4b\u540e\u5728\u5b9d\u5854\u4e2d\u6253\u5f00\u5982\u4e0b\u6240\u793a&#xff0c;\u57df\u540d\u8fd8\u5199\u4f60\u7684ip&#xff0c;\u8fd9\u91cc\u5148\u4e0d\u586b\u7aef\u53e3\u53f7&#xff0c;\u6839\u76ee\u5f55\u9009\u5230\u4f60\u7684\u524d\u7aef\u6587\u4ef6\u5b58\u653e\u7684\u4f4d\u7f6e&#xff0c;\u548c\u521a\u624d\u4e00\u6837<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"880\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224136-6834ee20a4462.png\" width=\"1867\" \/><\/p>\n<p>\u7136\u540e\u70b9\u51fb\u4f60\u521a\u624d\u6dfb\u52a0\u597d\u7684\u90a3\u4e2a\u7ad9\u70b9\u53f3\u4fa7\u7684\u8bbe\u7f6e&#xff0c;\u5728\u57df\u540d\u7ba1\u7406\u4e2d\u6dfb\u52a0\u4e24\u4e2a\u5185\u5bb9&#xff1a;\u57df\u540d&#xff1a;11.11.11.11 \u7aef\u53e38866&#xff1b;\u57df\u540d11.11.11.11 \u7aef\u53e380<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"755\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224137-6834ee213db18.png\" width=\"840\" \/><\/p>\n<p>\u7136\u540e\u5728\u5b9d\u5854\u7684\u5b89\u5168\u4e2d&#xff0c;\u6dfb\u52a0\u8fd9\u51e0\u4e2a\u7aef\u53e3\u7684\u8bbf\u95ee\u6743\u9650&#xff1a;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"724\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224137-6834ee2170e11.png\" width=\"1908\" \/><\/p>\n<p>\u00a0\u6700\u540e\u522b\u5fd8\u4e86\u5728\u963f\u91cc\u4e91\u4e0a\u4e5f\u6253\u5f00\u8fd9\u51e0\u4e2a\u7aef\u53e3&#xff0c;\u7136\u540e\u524d\u7aef\u7684\u95ee\u9898\u57fa\u672c\u89e3\u51b3<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"763\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224137-6834ee21e80c6.png\" width=\"1885\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"435\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224138-6834ee22703b1.png\" width=\"1573\" \/><\/p>\n<h3>2.4 \u540e\u7aef\u95ee\u9898\u89e3\u51b3<\/h3>\n<p>\u5728\u6253\u5305\u4e4b\u524d\u627e\u5230\u672c\u5730\u7684application\u6587\u4ef6&#xff0c;\u8bb0\u5f97\u4fee\u6539\u597d\u6570\u636e\u5e93\u540d&#xff0c;\u7528\u6237\u540d\u548c\u5bc6\u7801&#xff0c;\u7136\u540e\u662f\u7aef\u53e3\u53f7&#xff0c;\u6bd4\u5982\u6211\u7684\u540e\u7aef\u60f3\u7528\u7684\u662f8080&#xff0c;\u522b\u7684\u6ca1\u4ec0\u4e48\u9700\u8981\u6539\u4e86&#xff0c;maven\u7ba1\u7406\u7684\u8bdd\u76f4\u63a5\u70b9\u751f\u547d\u5468\u671f\u4e2d\u7684package\u6253\u5305&#xff08;\u5982\u679c\u56e0\u4e3a\u6d4b\u8bd5\u62a5\u9519\u4e86\u7684\u8bdd&#xff0c;\u4f60\u628atest\u7ed9\u5ffd\u7565\u6389\u518d\u91cd\u65b0\u6253\u5305&#xff09;&#xff1a;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"163\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224138-6834ee22bd5e6.png\" width=\"307\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"469\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224138-6834ee22ce1c7.png\" width=\"404\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"475\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224138-6834ee22e55df.png\" width=\"460\" \/><\/p>\n<p>\u6253\u5305\u597d\u751f\u6210.jar\u6587\u4ef6&#xff0c;\u4e0a\u4f20\u5230\u548c\u524d\u7aef\u6587\u4ef6\u540c\u7ea7\u76ee\u5f55\u4e0b&#xff1a;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"280\" src=\"2025-05-27zob434a3435.png\" width=\"1676\" \/><\/p>\n<p>\u7136\u540e\u5728\u8fd9\u91cc\u6dfb\u52a0java\u9879\u76ee&#xff0c;\u9879\u76ee\u8def\u5f84\u9009\u521a\u624d\u90a3\u4e2ajar\u6587\u4ef6&#xff0c;\u7aef\u53e3\u8fd9\u91cc\u548c\u6211\u4eec\u4e4b\u524d\u5728\u672c\u5730\u4fee\u6539\u9879\u76eeapplication\u6587\u4ef6\u4e2d\u7684\u7aef\u53e3\u4fdd\u6301\u4e00\u81f4\u51998080\u5e76\u653e\u884c\u7aef\u53e3&#xff0c;\u9879\u76ee\u540d\u79f0\u81ea\u5df1\u968f\u4fbf\u8d77&#xff0c;\u6700\u540e\u70b9\u51fb\u786e\u5b9a\u3002\u7136\u540e\u9879\u76ee\u542f\u52a8\u8d77\u6765\u4e86\u4f60\u5728\u6d4f\u89c8\u5668\u901a\u8fc7\u8f93\u5165https:\/\/11.11.11.11:8866\u5c31\u53ef\u4ee5\u8bbf\u95ee\u5230\u5566~<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" height=\"892\" src=\"2025-05-27tu0ege4bzjq.png\" width=\"1881\" \/><\/p>\n<h3>2.5 \u5982\u679c\u4f60\u7684\u540e\u7aef\u9879\u76ee\u8fd8\u6709\u8bbf\u95ee\u8de8\u57df\u7684\u95ee\u9898\u7684\u8bdd<\/h3>\n<p>\u5728\u4f60\u7684\u540e\u7aef\u9879\u76ee\u7684web\u914d\u7f6e\u6587\u4ef6\u4e2d\u52a0\u5165\u4ee5\u4e0b\u4ee3\u7801,\u8fd9\u4e2a\u7c7b\u662f\u7ee7\u627fWebMvcConfigurationSupport\u7684&#xff1a;<\/p>\n<p>&#064;Override<br \/>\nprotected void addCorsMappings(CorsRegistry registry) {<br \/>\n \u00a0 \u00a0\/\/ \u5bf9 \/admin\/** \u4e0b\u6240\u6709\u63a5\u53e3\u5141\u8bb8\u8de8\u57df<br \/>\n \u00a0 \u00a0registry.addMapping(&#034;\/admin\/**&#034;)<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\/\/ \u5141\u8bb8\u524d\u7aef\u9759\u6001\u670d\u52a1\u5668\u7684\u5730\u5740<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0  .allowedOrigins(&#034;http:\/\/114.215.193.119:8866&#034;)<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\/\/ \u5fc5\u987b\u663e\u5f0f\u653e\u884c OPTIONS<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0  .allowedMethods(&#034;GET&#034;,&#034;POST&#034;,&#034;PUT&#034;,&#034;DELETE&#034;,&#034;OPTIONS&#034;)<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0  .allowCredentials(true)<br \/>\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0  .maxAge(3600);<br \/>\n} <\/p>\n<p>\u6709\u4ec0\u4e48\u95ee\u9898\u6b22\u8fce\u4ea4\u6d41~<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb872\u6b21\uff0c\u70b9\u8d5e14\u6b21\uff0c\u6536\u85cf18\u6b21\u3002\u662f\u4f60\u5728\u5916\u754c\u60f3\u901a\u8fc7\u54ea\u4e2a\u7aef\u53e3\u53f7\u8bbf\u95ee\u5230\u54b1\u7684\u524d\u7aef\u9879\u76ee\uff0c\u6211\u5728\u672c\u5730\u7684\u65f6\u5019\u524d\u9762\u8bbe\u7f6e\u7684\u662f8888\uff0c\u4f46\u5728\u8fd9\u91cc\u8bbe\u7f6e\u4e0d\u4e868888\uff0c\u56e0\u4e3a\u5f85\u4f1a\u5728\u53e6\u5916\u4e00\u4e2a\u5730\u65b9\u8bbe\u7f6e\u7aef\u53e3\u7684\u65f6\u5019\u4f1a\u63d0\u793a8888\u4e3a\u5e38\u7528\u7aef\u53e3\uff0c\u4e0d\u80fd\u8bbe\u7f6e\uff0c\u6240\u4ee5\u8fd9\u91cc\u5c31\u6539\u6210\u4e868866\uff0c\u8ba9nginx\u76d1\u542c\u8fd9\u4e2a\u7aef\u53e3\uff0c\u540c\u65f6\u4e0b\u9762\u3002\u7136\u540e\u9879\u76ee\u542f\u52a8\u8d77\u6765\u4e86\u4f60\u5728\u6d4f\u89c8\u5668\u901a\u8fc7\u8f93\u5165\u3002\u7136\u540e\u70b9\u51fb\u4f60\u521a\u624d\u6dfb\u52a0\u597d\u7684\u90a3\u4e2a\u7ad9\u70b9\u53f3\u4fa7\u7684\u8bbe\u7f6e\uff0c\u5728\u57df\u540d\u7ba1\u7406\u4e2d\u6dfb\u52a0\u4e24\u4e2a\u5185\u5bb9\uff1a\u57df\u540d\uff1a11.11.11.11 \u7aef\u53e38866\uff1b\u8fd9\u91cc\u5f04\u597d\u4e86\u4e4b\u540e\u5728\u5b9d\u5854\u4e2d\u6253\u5f00\u5982\u4e0b\u6240\u793a\uff0c\u57df\u540d\u8fd8\u5199\u4f60\u7684ip\uff0c\u8fd9\u91cc\u5148\u4e0d\u586b\u7aef\u53e3\u53f7\uff0c\u6839\u76ee\u5f55\u9009\u5230\u4f60\u7684\u524d\u7aef\u6587\u4ef6\u5b58\u653e\u7684\u4f4d\u7f6e\uff0c\u548c\u521a\u624d\u4e00\u6837\u3002<\/p>\n","protected":false},"author":2,"featured_media":39977,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[43,44],"topic":[],"class_list":["post-39997","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-43","tag-44"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>vue+springboot+mysql\u9879\u76ee\u6253\u5305\u90e8\u7f72\u5230\u4e91\u7aef\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/39997.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"vue+springboot+mysql\u9879\u76ee\u6253\u5305\u90e8\u7f72\u5230\u4e91\u7aef\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb872\u6b21\uff0c\u70b9\u8d5e14\u6b21\uff0c\u6536\u85cf18\u6b21\u3002\u662f\u4f60\u5728\u5916\u754c\u60f3\u901a\u8fc7\u54ea\u4e2a\u7aef\u53e3\u53f7\u8bbf\u95ee\u5230\u54b1\u7684\u524d\u7aef\u9879\u76ee\uff0c\u6211\u5728\u672c\u5730\u7684\u65f6\u5019\u524d\u9762\u8bbe\u7f6e\u7684\u662f8888\uff0c\u4f46\u5728\u8fd9\u91cc\u8bbe\u7f6e\u4e0d\u4e868888\uff0c\u56e0\u4e3a\u5f85\u4f1a\u5728\u53e6\u5916\u4e00\u4e2a\u5730\u65b9\u8bbe\u7f6e\u7aef\u53e3\u7684\u65f6\u5019\u4f1a\u63d0\u793a8888\u4e3a\u5e38\u7528\u7aef\u53e3\uff0c\u4e0d\u80fd\u8bbe\u7f6e\uff0c\u6240\u4ee5\u8fd9\u91cc\u5c31\u6539\u6210\u4e868866\uff0c\u8ba9nginx\u76d1\u542c\u8fd9\u4e2a\u7aef\u53e3\uff0c\u540c\u65f6\u4e0b\u9762\u3002\u7136\u540e\u9879\u76ee\u542f\u52a8\u8d77\u6765\u4e86\u4f60\u5728\u6d4f\u89c8\u5668\u901a\u8fc7\u8f93\u5165\u3002\u7136\u540e\u70b9\u51fb\u4f60\u521a\u624d\u6dfb\u52a0\u597d\u7684\u90a3\u4e2a\u7ad9\u70b9\u53f3\u4fa7\u7684\u8bbe\u7f6e\uff0c\u5728\u57df\u540d\u7ba1\u7406\u4e2d\u6dfb\u52a0\u4e24\u4e2a\u5185\u5bb9\uff1a\u57df\u540d\uff1a11.11.11.11 \u7aef\u53e38866\uff1b\u8fd9\u91cc\u5f04\u597d\u4e86\u4e4b\u540e\u5728\u5b9d\u5854\u4e2d\u6253\u5f00\u5982\u4e0b\u6240\u793a\uff0c\u57df\u540d\u8fd8\u5199\u4f60\u7684ip\uff0c\u8fd9\u91cc\u5148\u4e0d\u586b\u7aef\u53e3\u53f7\uff0c\u6839\u76ee\u5f55\u9009\u5230\u4f60\u7684\u524d\u7aef\u6587\u4ef6\u5b58\u653e\u7684\u4f4d\u7f6e\uff0c\u548c\u521a\u624d\u4e00\u6837\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/39997.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-26T22:41:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224131-6834ee1bf0484.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/39997.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/39997.html\",\"name\":\"vue+springboot+mysql\u9879\u76ee\u6253\u5305\u90e8\u7f72\u5230\u4e91\u7aef\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2025-05-26T22:41:40+00:00\",\"dateModified\":\"2025-05-26T22:41:40+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/39997.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/39997.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/39997.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"vue+springboot+mysql\u9879\u76ee\u6253\u5305\u90e8\u7f72\u5230\u4e91\u7aef\u670d\u52a1\u5668\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"vue+springboot+mysql\u9879\u76ee\u6253\u5305\u90e8\u7f72\u5230\u4e91\u7aef\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/39997.html","og_locale":"zh_CN","og_type":"article","og_title":"vue+springboot+mysql\u9879\u76ee\u6253\u5305\u90e8\u7f72\u5230\u4e91\u7aef\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb872\u6b21\uff0c\u70b9\u8d5e14\u6b21\uff0c\u6536\u85cf18\u6b21\u3002\u662f\u4f60\u5728\u5916\u754c\u60f3\u901a\u8fc7\u54ea\u4e2a\u7aef\u53e3\u53f7\u8bbf\u95ee\u5230\u54b1\u7684\u524d\u7aef\u9879\u76ee\uff0c\u6211\u5728\u672c\u5730\u7684\u65f6\u5019\u524d\u9762\u8bbe\u7f6e\u7684\u662f8888\uff0c\u4f46\u5728\u8fd9\u91cc\u8bbe\u7f6e\u4e0d\u4e868888\uff0c\u56e0\u4e3a\u5f85\u4f1a\u5728\u53e6\u5916\u4e00\u4e2a\u5730\u65b9\u8bbe\u7f6e\u7aef\u53e3\u7684\u65f6\u5019\u4f1a\u63d0\u793a8888\u4e3a\u5e38\u7528\u7aef\u53e3\uff0c\u4e0d\u80fd\u8bbe\u7f6e\uff0c\u6240\u4ee5\u8fd9\u91cc\u5c31\u6539\u6210\u4e868866\uff0c\u8ba9nginx\u76d1\u542c\u8fd9\u4e2a\u7aef\u53e3\uff0c\u540c\u65f6\u4e0b\u9762\u3002\u7136\u540e\u9879\u76ee\u542f\u52a8\u8d77\u6765\u4e86\u4f60\u5728\u6d4f\u89c8\u5668\u901a\u8fc7\u8f93\u5165\u3002\u7136\u540e\u70b9\u51fb\u4f60\u521a\u624d\u6dfb\u52a0\u597d\u7684\u90a3\u4e2a\u7ad9\u70b9\u53f3\u4fa7\u7684\u8bbe\u7f6e\uff0c\u5728\u57df\u540d\u7ba1\u7406\u4e2d\u6dfb\u52a0\u4e24\u4e2a\u5185\u5bb9\uff1a\u57df\u540d\uff1a11.11.11.11 \u7aef\u53e38866\uff1b\u8fd9\u91cc\u5f04\u597d\u4e86\u4e4b\u540e\u5728\u5b9d\u5854\u4e2d\u6253\u5f00\u5982\u4e0b\u6240\u793a\uff0c\u57df\u540d\u8fd8\u5199\u4f60\u7684ip\uff0c\u8fd9\u91cc\u5148\u4e0d\u586b\u7aef\u53e3\u53f7\uff0c\u6839\u76ee\u5f55\u9009\u5230\u4f60\u7684\u524d\u7aef\u6587\u4ef6\u5b58\u653e\u7684\u4f4d\u7f6e\uff0c\u548c\u521a\u624d\u4e00\u6837\u3002","og_url":"https:\/\/www.wsisp.com\/helps\/39997.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2025-05-26T22:41:40+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250526224131-6834ee1bf0484.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"3 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/39997.html","url":"https:\/\/www.wsisp.com\/helps\/39997.html","name":"vue+springboot+mysql\u9879\u76ee\u6253\u5305\u90e8\u7f72\u5230\u4e91\u7aef\u670d\u52a1\u5668 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2025-05-26T22:41:40+00:00","dateModified":"2025-05-26T22:41:40+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/39997.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/39997.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/39997.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"vue+springboot+mysql\u9879\u76ee\u6253\u5305\u90e8\u7f72\u5230\u4e91\u7aef\u670d\u52a1\u5668"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/39997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=39997"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/39997\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/39977"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=39997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=39997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=39997"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=39997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}