Site updated: 2022-11-09 10:45:13
This commit is contained in:
qinglong committed
1 parent
8504365910
commit
f50d8fc21c
109 files changed
+192
-186
No files matched your search
@@ -6,6 +6,20 @@
|
||||
"description": "天生我材必有用",
|
||||
"home_page_url": "https://blog.jingxiyuan.cn",
|
||||
"items": [
|
||||
{
|
||||
"id": "https://blog.jingxiyuan.cn/2022/11/09/Vue%E9%A1%B9%E7%9B%AE%E6%8C%89%E7%8E%AF%E5%A2%83%E8%AE%BE%E7%BD%AE%E7%BC%96%E8%AF%91%E9%A1%B9%E7%9B%AE/",
|
||||
"url": "https://blog.jingxiyuan.cn/2022/11/09/Vue%E9%A1%B9%E7%9B%AE%E6%8C%89%E7%8E%AF%E5%A2%83%E8%AE%BE%E7%BD%AE%E7%BC%96%E8%AF%91%E9%A1%B9%E7%9B%AE/",
|
||||
"title": "Vue项目按环境设置编译项目",
|
||||
"date_published": "2022-11-09T01:47:00.000Z",
|
||||
"content_html": "<h4 id=\"引言\"><a class=\"anchor\" href=\"#引言\">#</a> 引言</h4>\n<ul>\n<li>今天在部署 vue 项目时发现生产环境的端口只有一个，而且被多个项目公用了，刚好此项目又没有配置服务名而是直接使用的根路径。没办法只有修改项目配置重新编译了！</li>\n</ul>\n<h4 id=\"配置\"><a class=\"anchor\" href=\"#配置\">#</a> 配置</h4>\n<ul>\n<li>在项目根目录添加两个文件。</li>\n</ul>\n<p><span class=\"blue\">.env.alpha</span></p>\n<figure class=\"highlight yaml\"><figcaption data-lang=\"YAML\"></figcaption><table><tr><td data-num=\"1\"></td><td><pre>NODE_ENV = 'production'</pre></td></tr><tr><td data-num=\"2\"></td><td><pre>VUE_APP_BASE_URL = '/'</pre></td></tr></table></figure><p><span class=\"blue\">.env.prod</span></p>\n<figure class=\"highlight yaml\"><figcaption data-lang=\"YAML\"></figcaption><table><tr><td data-num=\"1\"></td><td><pre>NODE_ENV = 'production'</pre></td></tr><tr><td data-num=\"2\"></td><td><pre>VUE_APP_BASE_URL = '/projectName'</pre></td></tr></table></figure><ul>\n<li>在<span class=\"label success\"> package.json</span> 文件内添加不同环境的打包指令</li>\n</ul>\n<figure class=\"highlight json\"><figcaption data-lang=\"JSON\"></figcaption><table><tr><td data-num=\"1\"></td><td><pre><span class=\"token property\">\"scripts\"</span><span class=\"token operator\">:</span> <span class=\"token punctuation\">{</span></pre></td></tr><tr><td data-num=\"2\"></td><td><pre> <span class=\"token property\">\"serve\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"vue-cli-service serve\"</span><span class=\"token punctuation\">,</span></pre></td></tr><tr><td data-num=\"3\"></td><td><pre> <span class=\"token property\">\"build\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"vue-cli-service build\"</span><span class=\"token punctuation\">,</span></pre></td></tr><tr><td data-num=\"4\"></td><td><pre> <span class=\"token property\">\"build-test\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"vue-cli-service build --mode alpha\"</span><span class=\"token punctuation\">,</span></pre></td></tr><tr><td data-num=\"5\"></td><td><pre> <span class=\"token property\">\"build-prod\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"vue-cli-service build --mode prod\"</span><span class=\"token punctuation\">,</span></pre></td></tr><tr><td data-num=\"6\"></td><td><pre> <span class=\"token property\">\"lint\"</span><span class=\"token operator\">:</span> <span class=\"token string\">\"vue-cli-service lint\"</span></pre></td></tr><tr><td data-num=\"7\"></td><td><pre><span class=\"token punctuation\">}</span></pre></td></tr></table></figure><ul>\n<li>\n<p>项目中<span class=\"yellow\"> base_url</span> 需要使用<span class=\"red\"> process.env.VUE_APP_BASE_URL</span> 替换</p>\n</li>\n<li>\n<p>使用命令</p>\n</li>\n</ul>\n<figure class=\"highlight bash\"><figcaption data-lang=\"bash\"></figcaption><table><tr><td data-num=\"1\"></td><td><pre><span class=\"token function\">yarn</span> build-test</pre></td></tr><tr><td data-num=\"2\"></td><td><pre><span class=\"token function\">yarn</span> build-prod</pre></td></tr><tr><td data-num=\"3\"></td><td><pre><span class=\"token function\">yarn</span> build <span class=\"token parameter variable\">--mode</span> alpha</pre></td></tr><tr><td data-num=\"4\"></td><td><pre><span class=\"token function\">yarn</span> build <span class=\"token parameter variable\">--mode</span> prod</pre></td></tr></table></figure>",
|
||||
"tags": [
|
||||
"Linux",
|
||||
"项目部署",
|
||||
"Vue",
|
||||
"Vue",
|
||||
"项目部署"
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "https://blog.jingxiyuan.cn/2022/11/08/Nginx%E9%85%8D%E7%BD%AE-%E5%8F%8D%E5%90%91%E4%BB%A3%E7%90%86/",
|
||||
"url": "https://blog.jingxiyuan.cn/2022/11/08/Nginx%E9%85%8D%E7%BD%AE-%E5%8F%8D%E5%90%91%E4%BB%A3%E7%90%86/",
|
||||
@@ -29,6 +43,7 @@
|
||||
"tags": [
|
||||
"Linux",
|
||||
"项目部署",
|
||||
"Vue",
|
||||
"vue",
|
||||
"NodeJS",
|
||||
"yarn"
|
||||
@@ -263,20 +278,6 @@
|
||||
"心情",
|
||||
"郁闷"
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "https://blog.jingxiyuan.cn/2022/09/27/nginx%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1%E9%85%8D%E7%BD%AE/",
|
||||
"url": "https://blog.jingxiyuan.cn/2022/09/27/nginx%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1%E9%85%8D%E7%BD%AE/",
|
||||
"title": "nginx负载均衡配置",
|
||||
"date_published": "2022-09-27T06:45:00.000Z",
|
||||
"content_html": "<h2 id=\"nginx负载均衡配置\"><a class=\"anchor\" href=\"#nginx负载均衡配置\">#</a> nginx 负载均衡配置</h2>\n<ol>\n<li>轮询（默认）</li>\n</ol>\n<p> <em>每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器 down 掉，能自动剔除。</em></p>\n<figure class=\"highlight yaml\"><figcaption data-lang=\"YAML\"></figcaption><table><tr><td data-num=\"1\"></td><td><pre>upstream my_server <span class=\"token punctuation\">{</span></pre></td></tr><tr><td data-num=\"2\"></td><td><pre>\tserver 192.168.0.2<span class=\"token punctuation\">:</span>8080;</pre></td></tr><tr><td data-num=\"3\"></td><td><pre>\tserver 192.168.0.3<span class=\"token punctuation\">:</span>8080;</pre></td></tr><tr><td data-num=\"4\"></td><td><pre><span class=\"token punctuation\">}</span></pre></td></tr><tr><td data-num=\"5\"></td><td><pre></pre></td></tr><tr><td data-num=\"6\"></td><td><pre>server <span class=\"token punctuation\">{</span></pre></td></tr><tr><td data-num=\"7\"></td><td><pre>\tlisten 80;</pre></td></tr><tr><td data-num=\"8\"></td><td><pre>\tserver_name 192.168.0.1;</pre></td></tr><tr><td data-num=\"9\"></td><td><pre></pre></td></tr><tr><td data-num=\"10\"></td><td><pre>\t<span class=\"token comment\"># Path to the root of your installation</span></pre></td></tr><tr><td data-num=\"11\"></td><td><pre>\tlocation / <span class=\"token punctuation\">{</span></pre></td></tr><tr><td data-num=\"12\"></td><td><pre>\t\tproxy_pass http<span class=\"token punctuation\">:</span>//my_server;</pre></td></tr><tr><td data-num=\"13\"></td><td><pre>\t<span class=\"token punctuation\">}</span></pre></td></tr><tr><td data-num=\"14\"></td><td><pre>\t</pre></td></tr><tr><td data-num=\"15\"></td><td><pre><span class=\"token punctuation\">}</span></pre></td></tr></table></figure><ol start=\"2\">\n<li>weight 权重策略</li>\n</ol>\n<p> <em>weight 代表权重，默认为 1，权重越高被分配的客户端越多，指定轮询几率。weight 和访问比率成正比，用于后端服务器性能不均的情况。</em></p>\n<figure class=\"highlight yaml\"><figcaption data-lang=\"YAML\"></figcaption><table><tr><td data-num=\"1\"></td><td><pre>upstream my_server <span class=\"token punctuation\">{</span></pre></td></tr><tr><td data-num=\"2\"></td><td><pre>\tserver 192.168.0.2<span class=\"token punctuation\">:</span>8080 weight=1;</pre></td></tr><tr><td data-num=\"3\"></td><td><pre>\tserver 192.168.0.3<span class=\"token punctuation\">:</span>8080 weight=2;</pre></td></tr><tr><td data-num=\"4\"></td><td><pre><span class=\"token punctuation\">}</span></pre></td></tr><tr><td data-num=\"5\"></td><td><pre></pre></td></tr><tr><td data-num=\"6\"></td><td><pre>server <span class=\"token punctuation\">{</span></pre></td></tr><tr><td data-num=\"7\"></td><td><pre>\tlisten 80;</pre></td></tr><tr><td data-num=\"8\"></td><td><pre>\tserver_name 192.168.0.1;</pre></td></tr><tr><td data-num=\"9\"></td><td><pre></pre></td></tr><tr><td data-num=\"10\"></td><td><pre>\t<span class=\"token comment\"># Path to the root of your installation</span></pre></td></tr><tr><td data-num=\"11\"></td><td><pre>\tlocation / <span class=\"token punctuation\">{</span></pre></td></tr><tr><td data-num=\"12\"></td><td><pre>\t\tproxy_pass http<span class=\"token punctuation\">:</span>//my_server;</pre></td></tr><tr><td data-num=\"13\"></td><td><pre>\t<span class=\"token punctuation\">}</span></pre></td></tr><tr><td data-num=\"14\"></td><td><pre>\t</pre></td></tr><tr><td data-num=\"15\"></td><td><pre><span class=\"token punctuation\">}</span></pre></td></tr></table></figure><ol start=\"3\">\n<li>ip_hash</li>\n</ol>\n<p> <em>每个请求按访问 ip 的 hash 结果分配，这样每个访客固定访问一个后端服务器，可以解决 session 的问题。</em></p>\n<figure class=\"highlight yaml\"><figcaption data-lang=\"YAML\"></figcaption><table><tr><td data-num=\"1\"></td><td><pre>upstream my_server <span class=\"token punctuation\">{</span></pre></td></tr><tr><td data-num=\"2\"></td><td><pre>\tip_hash;</pre></td></tr><tr><td data-num=\"3\"></td><td><pre>\tserver 192.168.0.2<span class=\"token punctuation\">:</span>8080;</pre></td></tr><tr><td data-num=\"4\"></td><td><pre>\tserver 192.168.0.3<span class=\"token punctuation\">:</span>8080;</pre></td></tr><tr><td data-num=\"5\"></td><td><pre><span class=\"token punctuation\">}</span></pre></td></tr><tr><td data-num=\"6\"></td><td><pre></pre></td></tr><tr><td data-num=\"7\"></td><td><pre>server <span class=\"token punctuation\">{</span></pre></td></tr><tr><td data-num=\"8\"></td><td><pre>\tlisten 80;</pre></td></tr><tr><td data-num=\"9\"></td><td><pre>\tserver_name 192.168.0.1;</pre></td></tr><tr><td data-num=\"10\"></td><td><pre></pre></td></tr><tr><td data-num=\"11\"></td><td><pre>\t<span class=\"token comment\"># Path to the root of your installation</span>Line truncated
|
||||
"tags": [
|
||||
"Linux",
|
||||
"服务",
|
||||
"Nginx",
|
||||
"nginx",
|
||||
"负载均衡"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in new issue
Block a user