Site updated: 2022-11-04 15:50:27

atom.xml

@@ -8,7 +8,7 @@
     <author>
       <name>Hito Li</name>
     </author>
-    <updated>2022-11-03T03:25:00.000Z</updated>
+    <updated>2022-11-04T07:21:00.000Z</updated>
     <category term="hito" />
     <category term="無言" />
     <category term="博客" />
@@ -17,6 +17,115 @@
     <category term="心得体会" />
     <category term="技术分享" />
     <category term="踩坑" />
+    <entry>
+        <id>https://blog.jingxiyuan.cn/2022/11/04/%E8%AE%B0%E4%B8%80%E6%AC%A1Vue%E9%A1%B9%E7%9B%AE%E7%9A%84%E9%83%A8%E7%BD%B2/</id>
+        <title>记一次Vue项目的部署</title>
+        <link rel="alternate" href="https://blog.jingxiyuan.cn/2022/11/04/%E8%AE%B0%E4%B8%80%E6%AC%A1Vue%E9%A1%B9%E7%9B%AE%E7%9A%84%E9%83%A8%E7%BD%B2/"/>
+        <content type="html">&lt;h4 id=&#34;描述&#34;&gt;&lt;a class=&#34;anchor&#34; href=&#34;#描述&#34;&gt;#&lt;/a&gt; 描述&lt;/h4&gt;
+&lt;ul&gt;
+&lt;li&gt;今天需要把一个 web 项目部署到 ubuntu 服务器上，结果直接使用 apt install nodejs 安装的 nodejs 版本过低，导致编译失败。最后通过查看官网文档获取到了 ubuntu 最新 nodejs 的安装命令。&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h4 id=&#34;过程&#34;&gt;&lt;a class=&#34;anchor&#34; href=&#34;#过程&#34;&gt;#&lt;/a&gt; 过程&lt;/h4&gt;
+&lt;ul&gt;
+&lt;li&gt;卸载旧的 nodejs（此命令会卸载掉相关依赖包）&lt;/li&gt;
+&lt;/ul&gt;
+&lt;pre&gt;&lt;code class=&#34;language-bash&#34;&gt;sudo apt autoremove --purge nodejs
+&lt;/code&gt;&lt;/pre&gt;
+&lt;ul&gt;
+&lt;li&gt;安装 NodeJS&lt;/li&gt;
+&lt;/ul&gt;
+&lt;pre&gt;&lt;code class=&#34;language-bash&#34;&gt;curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &amp;amp;&amp;amp; sudo apt-get install -y nodejs
+&lt;/code&gt;&lt;/pre&gt;
+&lt;ul&gt;
+&lt;li&gt;安装 yarn&lt;/li&gt;
+&lt;/ul&gt;
+&lt;pre&gt;&lt;code class=&#34;language-bash&#34;&gt;curl -sL https://dl.yarnpkg.com/debian/pubkey.gpg | gpg --dearmor | sudo tee /usr/share/keyrings/yarnkey.gpg &amp;gt;/dev/null
+
+echo &amp;quot;deb [signed-by=/usr/share/keyrings/yarnkey.gpg] https://dl.yarnpkg.com/debian stable main&amp;quot; | sudo tee /etc/apt/sources.list.d/yarn.list
+
+sudo apt-get update &amp;amp;&amp;amp; sudo apt-get install yarn
+&lt;/code&gt;&lt;/pre&gt;
+&lt;ul&gt;
+&lt;li&gt;初始化 (到项目根目录执行)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;pre&gt;&lt;code class=&#34;language-bash&#34;&gt;yarn install
+&lt;/code&gt;&lt;/pre&gt;
+&lt;ul&gt;
+&lt;li&gt;编译（到项目根目录执行，完成后会生成 dist 目录）&lt;/li&gt;
+&lt;/ul&gt;
+&lt;pre&gt;&lt;code class=&#34;language-bash&#34;&gt;yarn build
+&lt;/code&gt;&lt;/pre&gt;
+&lt;ul&gt;
+&lt;li&gt;安装 nginx&lt;/li&gt;
+&lt;/ul&gt;
+&lt;pre&gt;&lt;code class=&#34;language-bash&#34;&gt;apt install nginx
+&lt;/code&gt;&lt;/pre&gt;
+&lt;ul&gt;
+&lt;li&gt;配置 nginx (编译 /etc/nginx/sites-available/default)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;pre&gt;&lt;code class=&#34;language-conf&#34;&gt;server &amp;#123;
+        listen 80 default_server;
+        listen [::]:80 default_server;
+
+        # SSL configuration
+        #
+        # listen 443 ssl default_server;
+        # listen [::]:443 ssl default_server;
+        #
+        # Note: You should disable gzip for SSL traffic.
+        # See: https://bugs.debian.org/773332
+        #
+        # Read up on ssl_ciphers to ensure a secure configuration.
+        # See: https://bugs.debian.org/765782
+        #
+        # Self signed certs generated by the ssl-cert package
+        # Don&#39;t use them in a production server!
+        #
+        # include snippets/snakeoil.conf;
+
+        root /var/www/html;
+
+        # Add index.php to the list if you are using PHP
+        index index.html index.htm index.nginx-debian.html;
+
+        server_name _;
+
+        location /api &amp;#123;
+                proxy_pass http://localhost:8080;
+        &amp;#125;
+
+        location / &amp;#123;
+                # First attempt to serve request as file, then
+                # as directory, then fall back to displaying a 404.
+                #try_files $uri $uri/ =404;
+                alias /opt/codes/dayu-tools-arbitrage-web/dist/;
+                try_files $uri $uri/ @router;
+                index index.html index.htm;
+        &amp;#125;
+
+        location @router &amp;#123;
+                rewrite ^.*$ /index.html last;
+        &amp;#125;
+｝
+
+&lt;/code&gt;&lt;/pre&gt;
+&lt;h4 id=&#34;其它&#34;&gt;&lt;a class=&#34;anchor&#34; href=&#34;#其它&#34;&gt;#&lt;/a&gt; 其它&lt;/h4&gt;
+&lt;ul&gt;
+&lt;li&gt;重新编译前需要先删除 dist 目录&lt;/li&gt;
+&lt;/ul&gt;
+&lt;pre&gt;&lt;code class=&#34;language-bash&#34;&gt;rm dist -fr
+
+yarn build
+&lt;/code&gt;&lt;/pre&gt;
+</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="经验分享" scheme="https://blog.jingxiyuan.cn/categories/Linux/%E6%9C%8D%E5%8A%A1/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/" />
+        <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/" />
+        <updated>2022-11-04T07:21:00.000Z</updated>
+    </entry>
     <entry>
         <id>https://blog.jingxiyuan.cn/2022/11/03/%E4%B8%8A%E7%8F%AD%E4%BA%86/</id>
         <title>上班了</title>
@@ -1084,8 +1193,8 @@ X-Frame-Options 三个参数:&lt;/p&gt;
 </content>
         <category term="生活" scheme="https://blog.jingxiyuan.cn/categories/%E7%94%9F%E6%B4%BB/" />
         <category term="心情" scheme="https://blog.jingxiyuan.cn/categories/%E7%94%9F%E6%B4%BB/%E5%BF%83%E6%83%85/" />
-        <category term="心情" scheme="https://blog.jingxiyuan.cn/tags/%E5%BF%83%E6%83%85/" />
         <category term="郁闷" scheme="https://blog.jingxiyuan.cn/tags/%E9%83%81%E9%97%B7/" />
+        <category term="心情" scheme="https://blog.jingxiyuan.cn/tags/%E5%BF%83%E6%83%85/" />
         <updated>2022-09-28T08:02:00.000Z</updated>
     </entry>
     <entry>
@@ -1204,24 +1313,4 @@ server &amp;#123;
         <category term="背景音乐" scheme="https://blog.jingxiyuan.cn/tags/%E8%83%8C%E6%99%AF%E9%9F%B3%E4%B9%90/" />
         <updated>2022-09-26T11:30:00.000Z</updated>
     </entry>
-    <entry>
-        <id>https://blog.jingxiyuan.cn/2022/09/23/%E8%A7%A3%E5%86%B3%E5%9F%9F%E5%90%8Dip%E5%8F%98%E5%8A%A8%E5%90%8E%E9%9C%80%E8%A6%81%E9%87%8D%E5%90%AFnginx%E7%9A%84%E9%97%AE%E9%A2%98/</id>
-        <title>解决域名ip变动后需要重启nginx的问题</title>
-        <link rel="alternate" href="https://blog.jingxiyuan.cn/2022/09/23/%E8%A7%A3%E5%86%B3%E5%9F%9F%E5%90%8Dip%E5%8F%98%E5%8A%A8%E5%90%8E%E9%9C%80%E8%A6%81%E9%87%8D%E5%90%AFnginx%E7%9A%84%E9%97%AE%E9%A2%98/"/>
-        <content type="html">&lt;p&gt;  &lt;em&gt;今天突然发现自己的网站不能访问了。经过一顿排查，发现是家里的外网 ip 变动后 nginx 解析的域名 ip 还是旧 ip 导致的。手动重启 nginx 后恢复正常。但这不是长久之计，如果每次 ip 变动都需要重启一次 nginx，想想都头大。于是查询资料后获得了解决办法，方法如下：&lt;/em&gt;&lt;/p&gt;
-&lt;pre&gt;&lt;code class=&#34;language-yum&#34;&gt;location / &amp;#123;	
-	resolver 114.114.114.114 valid=60s; #自定义缓存有效时间间隔对变量中的域名进行解析
-
-	set $my_server &amp;quot;https://ip:port&amp;quot;;
-
-	proxy_pass $my_server;
-&amp;#125;
-&lt;/code&gt;&lt;/pre&gt;
-</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="经验分享" scheme="https://blog.jingxiyuan.cn/categories/Linux/%E6%9C%8D%E5%8A%A1/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/" />
-        <category term="nginx" scheme="https://blog.jingxiyuan.cn/tags/nginx/" />
-        <updated>2022-09-23T08:17:00.000Z</updated>
-    </entry>
 </feed>

feed.json

@@ -6,6 +6,21 @@
     "description": "天生我材必有用",
     "home_page_url": "https://blog.jingxiyuan.cn",
     "items": [
+        {
+            "id": "https://blog.jingxiyuan.cn/2022/11/04/%E8%AE%B0%E4%B8%80%E6%AC%A1Vue%E9%A1%B9%E7%9B%AE%E7%9A%84%E9%83%A8%E7%BD%B2/",
+            "url": "https://blog.jingxiyuan.cn/2022/11/04/%E8%AE%B0%E4%B8%80%E6%AC%A1Vue%E9%A1%B9%E7%9B%AE%E7%9A%84%E9%83%A8%E7%BD%B2/",
+            "title": "记一次Vue项目的部署",
+            "date_published": "2022-11-04T07:21:00.000Z",
+            "content_html": "<h4 id=\"描述\"><a class=\"anchor\" href=\"#描述\">#</a> 描述</h4>\n<ul>\n<li>今天需要把一个 web 项目部署到 ubuntu 服务器上，结果直接使用 apt install nodejs 安装的 nodejs 版本过低，导致编译失败。最后通过查看官网文档获取到了 ubuntu 最新 nodejs 的安装命令。</li>\n</ul>\n<h4 id=\"过程\"><a class=\"anchor\" href=\"#过程\">#</a> 过程</h4>\n<ul>\n<li>卸载旧的 nodejs（此命令会卸载掉相关依赖包）</li>\n</ul>\n<pre><code class=\"language-bash\">sudo apt autoremove --purge nodejs\n</code></pre>\n<ul>\n<li>安装 NodeJS</li>\n</ul>\n<pre><code class=\"language-bash\">curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &amp;&amp; sudo apt-get install -y nodejs\n</code></pre>\n<ul>\n<li>安装 yarn</li>\n</ul>\n<pre><code class=\"language-bash\">curl -sL https://dl.yarnpkg.com/debian/pubkey.gpg | gpg --dearmor | sudo tee /usr/share/keyrings/yarnkey.gpg &gt;/dev/null\n\necho &quot;deb [signed-by=/usr/share/keyrings/yarnkey.gpg] https://dl.yarnpkg.com/debian stable main&quot; | sudo tee /etc/apt/sources.list.d/yarn.list\n\nsudo apt-get update &amp;&amp; sudo apt-get install yarn\n</code></pre>\n<ul>\n<li>初始化 (到项目根目录执行)</li>\n</ul>\n<pre><code class=\"language-bash\">yarn install\n</code></pre>\n<ul>\n<li>编译（到项目根目录执行，完成后会生成 dist 目录）</li>\n</ul>\n<pre><code class=\"language-bash\">yarn build\n</code></pre>\n<ul>\n<li>安装 nginx</li>\n</ul>\n<pre><code class=\"language-bash\">apt install nginx\n</code></pre>\n<ul>\n<li>配置 nginx (编译 /etc/nginx/sites-available/default)</li>\n</ul>\n<pre><code class=\"language-conf\">server &#123;\n        listen 80 default_server;\n        listen [::]:80 default_server;\n\n        # SSL configuration\n        #\n        # listen 443 ssl default_server;\n        # listen [::]:443 ssl default_server;\n        #\n        # Note: You should disable gzip for SSL traffic.\n        # See: https://bugs.debian.org/773332\n        #\n        # Read up on ssl_ciphers to ensure a secure configuration.\n        # See: https://bugs.debian.org/765782\n        #\n        # Self signed certs generated by the ssl-cert package\n        # Don't use them in a production server!\n        #\n        # include snippets/snakeoil.conf;\n\n        root /var/www/html;\n\n        # Add index.php to the list if you are using PHP\n        index index.html index.htm index.nginx-debian.html;\n\n        server_name _;\n\n        location /api &#123;\n                proxy_pass http://localhost:8080;\n        &#125;\n\n        location / &#123;\n                # First attempt to serve request as file, then\n                # as directory, then fall back to displaying a 404.\n                #try_files $uri $uri/ =404;\n                alias /opt/codes/dayu-tools-arbitrage-web/dist/;\n                try_files $uri $uri/ @router;\n                index index.html index.htm;\n        &#125;\n\n        location @router &#123;\n                rewrite ^.*$ /index.html last;\n        &#125;\n｝\n\n</code></pre>\n<h4 id=\"其它\"><a class=\"anchor\" href=\"#其它\">#</a> 其它</h4>\n<ul>\n<li>重新编译前需要先删除 dist 目录</li>\n</ul>\n<pre><code class=\"language-bash\">rm dist -fr\n\nyarn build\n</code></pre>\n",
+            "tags": [
+                "Linux",
+                "服务",
+                "经验分享",
+                "vue",
+                "NodeJS",
+                "yarn"
+            ]
+        },
         {
             "id": "https://blog.jingxiyuan.cn/2022/11/03/%E4%B8%8A%E7%8F%AD%E4%BA%86/",
             "url": "https://blog.jingxiyuan.cn/2022/11/03/%E4%B8%8A%E7%8F%AD%E4%BA%86/",
@@ -240,8 +255,8 @@
             "tags": [
                 "生活",
                 "心情",
-                "心情",
+                "郁闷",
-                "郁闷"
+                "心情"
             ]
         },
         {
@@ -273,19 +288,6 @@
                 "Shoka",
                 "背景音乐"
             ]
-        },
-        {
-            "id": "https://blog.jingxiyuan.cn/2022/09/23/%E8%A7%A3%E5%86%B3%E5%9F%9F%E5%90%8Dip%E5%8F%98%E5%8A%A8%E5%90%8E%E9%9C%80%E8%A6%81%E9%87%8D%E5%90%AFnginx%E7%9A%84%E9%97%AE%E9%A2%98/",
-            "url": "https://blog.jingxiyuan.cn/2022/09/23/%E8%A7%A3%E5%86%B3%E5%9F%9F%E5%90%8Dip%E5%8F%98%E5%8A%A8%E5%90%8E%E9%9C%80%E8%A6%81%E9%87%8D%E5%90%AFnginx%E7%9A%84%E9%97%AE%E9%A2%98/",
-            "title": "解决域名ip变动后需要重启nginx的问题",
-            "date_published": "2022-09-23T08:17:00.000Z",
-            "content_html": "<p>  <em>今天突然发现自己的网站不能访问了。经过一顿排查，发现是家里的外网 ip 变动后 nginx 解析的域名 ip 还是旧 ip 导致的。手动重启 nginx 后恢复正常。但这不是长久之计，如果每次 ip 变动都需要重启一次 nginx，想想都头大。于是查询资料后获得了解决办法，方法如下：</em></p>\n<pre><code class=\"language-yum\">location / &#123;\t\n\tresolver 114.114.114.114 valid=60s; #自定义缓存有效时间间隔对变量中的域名进行解析\n\n\tset $my_server &quot;https://ip:port&quot;;\n\n\tproxy_pass $my_server;\n&#125;\n</code></pre>\n",
-            "tags": [
-                "Linux",
-                "服务",
-                "经验分享",
-                "nginx"
-            ]
         }
     ]
 }