Site updated: 2022-11-09 10:45:13
This commit is contained in:
69
atom.xml
69
atom.xml
@@ -8,7 +8,7 @@
|
||||
<author>
|
||||
<name>Hito Li</name>
|
||||
</author>
|
||||
<updated>2022-11-08T02:05:00.000Z</updated>
|
||||
<updated>2022-11-09T01:47:00.000Z</updated>
|
||||
<category term="hito" />
|
||||
<category term="無言" />
|
||||
<category term="博客" />
|
||||
@@ -17,6 +17,39 @@
|
||||
<category term="心得体会" />
|
||||
<category term="技术分享" />
|
||||
<category term="踩坑" />
|
||||
<entry>
|
||||
<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/</id>
|
||||
<title>Vue项目按环境设置编译项目</title>
|
||||
<link rel="alternate" href="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/"/>
|
||||
<content type="html"><h4 id="引言"><a class="anchor" href="#引言">#</a> 引言</h4>
|
||||
<ul>
|
||||
<li>今天在部署 vue 项目时发现生产环境的端口只有一个,而且被多个项目公用了,刚好此项目又没有配置服务名而是直接使用的根路径。没办法只有修改项目配置重新编译了!</li>
|
||||
</ul>
|
||||
<h4 id="配置"><a class="anchor" href="#配置">#</a> 配置</h4>
|
||||
<ul>
|
||||
<li>在项目根目录添加两个文件。</li>
|
||||
</ul>
|
||||
<p><span class="blue">.env.alpha</span></p>
|
||||
<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>
|
||||
<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>
|
||||
<li>在<span class="label success"> package.json</span> 文件内添加不同环境的打包指令</li>
|
||||
</ul>
|
||||
<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">&#123;</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">&#125;</span></pre></td></tr></table></figure><ul>
|
||||
<li>
|
||||
<p>项目中<span class="yellow"> base_url</span> 需要使用<span class="red"> process.env.VUE_APP_BASE_URL</span> 替换</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>使用命令</p>
|
||||
</li>
|
||||
</ul>
|
||||
<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></content>
|
||||
<category term="Linux" scheme="https://blog.jingxiyuan.cn/categories/Linux/" />
|
||||
<category term="项目部署" scheme="https://blog.jingxiyuan.cn/categories/Linux/%E9%A1%B9%E7%9B%AE%E9%83%A8%E7%BD%B2/" />
|
||||
<category term="Vue" scheme="https://blog.jingxiyuan.cn/categories/Linux/%E9%A1%B9%E7%9B%AE%E9%83%A8%E7%BD%B2/Vue/" />
|
||||
<category term="Vue" scheme="https://blog.jingxiyuan.cn/tags/Vue/" />
|
||||
<category term="项目部署" scheme="https://blog.jingxiyuan.cn/tags/%E9%A1%B9%E7%9B%AE%E9%83%A8%E7%BD%B2/" />
|
||||
<updated>2022-11-09T01:47:00.000Z</updated>
|
||||
</entry>
|
||||
<entry>
|
||||
<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/</id>
|
||||
<title>Nginx配置-反向代理</title>
|
||||
@@ -140,6 +173,7 @@
|
||||
<figure class="highlight bash"><figcaption data-lang="bash"></figcaption><table><tr><td data-num="1"></td><td><pre><span class="token function">rm</span> dist <span class="token parameter variable">-fr</span></pre></td></tr><tr><td data-num="2"></td><td><pre></pre></td></tr><tr><td data-num="3"></td><td><pre><span class="token function">yarn</span> build</pre></td></tr></table></figure></content>
|
||||
<category term="Linux" scheme="https://blog.jingxiyuan.cn/categories/Linux/" />
|
||||
<category term="项目部署" scheme="https://blog.jingxiyuan.cn/categories/Linux/%E9%A1%B9%E7%9B%AE%E9%83%A8%E7%BD%B2/" />
|
||||
<category term="Vue" scheme="https://blog.jingxiyuan.cn/categories/Linux/%E9%A1%B9%E7%9B%AE%E9%83%A8%E7%BD%B2/Vue/" />
|
||||
<category term="vue" scheme="https://blog.jingxiyuan.cn/tags/vue/" />
|
||||
<category term="NodeJS" scheme="https://blog.jingxiyuan.cn/tags/NodeJS/" />
|
||||
<category term="yarn" scheme="https://blog.jingxiyuan.cn/tags/yarn/" />
|
||||
@@ -636,37 +670,4 @@ X-Frame-Options 三个参数:</p>
|
||||
<category term="郁闷" scheme="https://blog.jingxiyuan.cn/tags/%E9%83%81%E9%97%B7/" />
|
||||
<updated>2022-09-28T08:02:00.000Z</updated>
|
||||
</entry>
|
||||
<entry>
|
||||
<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/</id>
|
||||
<title>nginx负载均衡配置</title>
|
||||
<link rel="alternate" href="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/"/>
|
||||
<content type="html"><h2 id="nginx负载均衡配置"><a class="anchor" href="#nginx负载均衡配置">#</a> nginx 负载均衡配置</h2>
|
||||
<ol>
|
||||
<li>轮询(默认)</li>
|
||||
</ol>
|
||||
<p> <em>每个请求按时间顺序逐一分配到不同的后端服务器,如果后端服务器 down 掉,能自动剔除。</em></p>
|
||||
<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">&#123;</span></pre></td></tr><tr><td data-num="2"></td><td><pre> server 192.168.0.2<span class="token punctuation">:</span>8080;</pre></td></tr><tr><td data-num="3"></td><td><pre> server 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">&#125;</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">&#123;</span></pre></td></tr><tr><td data-num="7"></td><td><pre> listen 80;</pre></td></tr><tr><td data-num="8"></td><td><pre> server_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> <span class="token comment"># Path to the root of your installation</span></pre></td></tr><tr><td data-num="11"></td><td><pre> location / <span class="token punctuation">&#123;</span></pre></td></tr><tr><td data-num="12"></td><td><pre> proxy_pass http<span class="token punctuation">:</span>//my_server;</pre></td></tr><tr><td data-num="13"></td><td><pre> <span class="token punctuation">&#125;</span></pre></td></tr><tr><td data-num="14"></td><td><pre> </pre></td></tr><tr><td data-num="15"></td><td><pre><span class="token punctuation">&#125;</span></pre></td></tr></table></figure><ol start="2">
|
||||
<li>weight 权重策略</li>
|
||||
</ol>
|
||||
<p> <em>weight 代表权重,默认为 1,权重越高被分配的客户端越多,指定轮询几率。weight 和访问比率成正比,用于后端服务器性能不均的情况。</em></p>
|
||||
<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">&#123;</span></pre></td></tr><tr><td data-num="2"></td><td><pre> server 192.168.0.2<span class="token punctuation">:</span>8080 weight=1;</pre></td></tr><tr><td data-num="3"></td><td><pre> server 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">&#125;</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">&#123;</span></pre></td></tr><tr><td data-num="7"></td><td><pre> listen 80;</pre></td></tr><tr><td data-num="8"></td><td><pre> server_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> <span class="token comment"># Path to the root of your installation</span></pre></td></tr><tr><td data-num="11"></td><td><pre> location / <span class="token punctuation">&#123;</span></pre></td></tr><tr><td data-num="12"></td><td><pre> proxy_pass http<span class="token punctuation">:</span>//my_server;</pre></td></tr><tr><td data-num="13"></td><td><pre> <span class="token punctuation">&#125;</span></pre></td></tr><tr><td data-num="14"></td><td><pre> </pre></td></tr><tr><td data-num="15"></td><td><pre><span class="token punctuation">&#125;</span></pre></td></tr></table></figure><ol start="3">
|
||||
<li>ip_hash</li>
|
||||
</ol>
|
||||
<p> <em>每个请求按访问 ip 的 hash 结果分配,这样每个访客固定访问一个后端服务器,可以解决 session 的问题。</em></p>
|
||||
<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">&#123;</span></pre></td></tr><tr><td data-num="2"></td><td><pre> ip_hash;</pre></td></tr><tr><td data-num="3"></td><td><pre> server 192.168.0.2<span class="token punctuation">:</span>8080;</pre></td></tr><tr><td data-num="4"></td><td><pre> server 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">&#125;</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">&#123;</span></pre></td></tr><tr><td data-num="8"></td><td><pre> listen 80;</pre></td></tr><tr><td data-num="9"></td><td><pre> server_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> <span class="token comment"># Path to the root of your installation</span></pre></td></tr><tr><td data-num="12"></td><td><pre> location / <span class="token punctuation">&#123;</span></pre></td></tr><tr><td data-num="13"></td><td><pre> proxy_pass http<span class="token punctuation">:</span>//my_server;</pre></td></tr><tr><td data-num="14"></td><td><pre> <span class="token punctuation">&#125;</span></pre></td></tr><tr><td data-num="15"></td><td><pre> </pre></td></tr><tr><td data-num="16"></td><td><pre><span class="token punctuation">&#125;</span></pre></td></tr></table></figure><ol start="4">
|
||||
<li>fair (第三方)</li>
|
||||
</ol>
|
||||
<p> <em>按后端服务器的响应时间来分配请求,响应时间短的优先分配。</em></p>
|
||||
<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">&#123;</span></pre></td></tr><tr><td data-num="2"></td><td><pre> server 192.168.0.2<span class="token punctuation">:</span>8080;</pre></td></tr><tr><td data-num="3"></td><td><pre> server 192.168.0.3<span class="token punctuation">:</span>8080;</pre></td></tr><tr><td data-num="4"></td><td><pre> fair;</pre></td></tr><tr><td data-num="5"></td><td><pre><span class="token punctuation">&#125;</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">&#123;</span></pre></td></tr><tr><td data-num="8"></td><td><pre> listen 80;</pre></td></tr><tr><td data-num="9"></td><td><pre> server_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> <span class="token comment"># Path to the root of your installation</span></pre></td></tr><tr><td data-num="12"></td><td><pre> location / <span class="token punctuation">&#123;</span></pre></td></tr><tr><td data-num="13"></td><td><pre> proxy_pass http<span class="token punctuation">:</span>//my_server;</pre></td></tr><tr><td data-num="14"></td><td><pre> <span class="token punctuation">&#125;</span></pre></td></tr><tr><td data-num="15"></td><td><pre> </pre></td></tr><tr><td data-num="16"></td><td><pre><span class="token punctuation">&#125;</span></pre></td></tr></table></figure><ol start="5">
|
||||
<li>动静分离</li>
|
||||
</ol>
|
||||
<p> <em>把静态的资源,比如图片,css,js 等先加载到 Nginx 的服务器里。</em></p>
|
||||
</content>
|
||||
<category term="Linux" scheme="https://blog.jingxiyuan.cn/categories/Linux/" />
|
||||
<category term="服务" scheme="https://blog.jingxiyuan.cn/categories/Linux/%E6%9C%8D%E5%8A%A1/" />
|
||||
<category term="Nginx" scheme="https://blog.jingxiyuan.cn/categories/Linux/%E6%9C%8D%E5%8A%A1/Nginx/" />
|
||||
<category term="nginx" scheme="https://blog.jingxiyuan.cn/tags/nginx/" />
|
||||
<category term="负载均衡" scheme="https://blog.jingxiyuan.cn/tags/%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1/" />
|
||||
<updated>2022-09-27T06:45:00.000Z</updated>
|
||||
</entry>
|
||||
</feed>
|
||||
|
Reference in New Issue
Block a user