1. 程式人生 > >nuxt專案打包上線,以及nuxt專案基礎程式碼分享

nuxt專案打包上線,以及nuxt專案基礎程式碼分享

nuxt的專案部署到線上環境,有多種方法,這裡分享我使用的方法,一步步照著配置,就可以配置成功~

 

(1)專案先執行npm run build 打包好   (2)伺服器安裝node 和pm2依賴 伺服器:切換到希望安裝這兩個依賴的目錄下,依賴可以用於多個node專案,這裡我新建了node_project資料夾 安裝 node: 第一步下載: curl -O https://nodejs.org/dist/v10.16.0/node-v10.16.0-linux-x64.tar.xz 第二步解壓:xz -d node-v10.16.0-linux-x64.tar.xz tar -xvf node-v10.16.0-linux-x64.tar 第三步重新命名:mv node-v10.16.0-linux-x64 node 第四步修改環境變數:vi ~/.bash_profile PATH=$PATH:$HOME/bin   // 修改前 PATH=$PATH:$HOME/bin:/usr/local/src/node/bin   // 修改後 改好之後儲存退出 第五步編譯剛剛修改的檔案:source ~/.bash_profile   安裝pm2 npm i -g pm2   上傳打包後的檔案到node_project /web-pc,其中web-pc是我們的專案名稱,一共有四個檔案需要傳

相關推薦

nuxt專案打包上線以及nuxt專案基礎程式碼分享

nuxt的專案部署到線上環境,有多種方法,這裡分享我使用的方法,一步步照著配置,就可以配置成功~   (1)專案先執行npm run build 打包好   (2)伺服器安裝node 和pm2依賴 伺服器:切換到希望安裝這兩個依賴的目錄下,依賴可以用於多個node專案,這裡我新建

vue專案打包上線時的配置操作 vue的圖片路徑和背景圖片路徑打包後錯誤解決

vue的圖片路徑,和背景圖片路徑打包後錯誤解決 2017-12-11 16:00 by muamaker, 7037 閱讀, 0 評論, 收藏, 編輯 最近在研究vue,老實的按照官網提供的,搭建的了 webpack+vue+vue

vue專案打包npm run build相關配置以及解決專案打包圖片404背景圖片找不到iview程式碼出問題的情況

1.首先找到config下的index.js檔案 將build下的assetsPublicPath的斜槓換成./ 操作如下 只需要換build中的就可以 dev中的assetsPublicPath不用動 不然打包過後 npm run dev的時候直接出現can not Ge

Vue專案打包靜態資源路徑出錯

一,css、js路徑出錯 1.1 特徵: 這種情況表現為頁面顯示是空白的! 1.2 解決方案 進入config ==> index.js 檔案 二,圖片路徑出錯 2.1 特徵: 本地測試沒問題,但是打包之後,路徑就亂了

Vue+Webpack 專案打包優化從 60s 到 17s 的優化

有的 Vue 專案比較大或者說專案中引入了許多第三方庫,那麼在執行 NPM、Run、Build 構建專案的時候會極其的慢。比如我現在的專案就每次打包就要大概 60s 的樣子。可能大家也會遇到如下同樣的問題: NPM、Run、Build 構建專案耗時較長; 打包出來的檔案太大; 打包前

idea如何從svn上上傳專案以及下載專案

一.svn上傳專案 1從vcs中選擇Enable Version Control Integration…… . 2.在彈出的對話方塊中選擇“subversion” 3.右鍵單擊專案的總資料夾,選擇“subversion”中的“Share Directory” 4.在

vue-cli腳手架專案的建立以及常用ui元件的引用

本篇主要是利用vue-cli來搭建vue專案,其中前提是node和npm已經安裝好,文章結尾將會簡單提到一個簡單的例子。使用vue-cli搭建專案最開始我也是看網上的教程一步步搭下來,所以其中的一些步驟說法為了表達正確會進行一定參考。 1.node.js的安裝:https://nodej

vue+webpack專案打包優化從60s到17s的優化之法

有的 Vue 專案比較大.或者說專案中引入了許多第三方庫,那麼在執行 npm run build 構建專案的時候會極其的慢.比如我現在的專案就每次打包就要大概60s的樣子。可能大家也會遇到如下同樣的問題

React專案打包404的解決方案

公司做專案,用React開發。元件式開發過程對於程式設計師來說,層次清晰,十分清爽。打包上線階段,出現問題: 當發生在新標籤開啟新網頁或者重新整理當前頁面時(被開啟的頁面路徑都不是首頁路徑),這時會出現404錯誤。 解決方式:在打包資料夾中,建立htaccess檔案, 寫入:ErrorD

匯出可執行的jar包以及專案中的使用

有時候,我們會在開發專案的時候用到自己寫的或者第三方的java工程,這時候我們就需要將這個java工程打成可執行的jar包放到我們的專案中,那麼怎麼做呢,以打rfidDataRecBZ-1.0.jar包為例,下面開始講解: 1.匯出jar包,如下圖: 2

eclipse匯入maven專案的設定以及匯入後有紅色感嘆號

(1)在windows->Preferences->Build Path->Classpath Variable裡,把mvn庫匯入,命名必須叫“M2_REPO”,選擇的目錄一般是類似於“/home/Potter/.m2/repository” (2)

vue 專案打包 上線

1,配置相關  hash:true 版本控制    我們在開發模式的時候寫axios時會在介面前面加一個"/api" 我們在打包之前同樣要去掉,變成後端給的那種介面,這樣在部署到伺服器的時候,介面路徑才能正確  我的專案中在如下設定

vue.js專案打包上線

最近一直堅持每個月寫一個小的vue.js 開發的專案,最後開發完成後想到很久之前給別人回答的一個問題:vue的專案如何上線,當時有千奇百怪的回答,我在想,這些人都是腫了麼,vue的官方都說了,這個框架只是做了view這一層,所以並不是把這些開發完的東西直接拷貝到伺服器上,而

為已經存在的本地專案新增git 以及從遠端倉庫拉取程式碼並切換遠端分支

前提:先去gitlab或github網站上建立一個新專案,完畢後記得新增.ignore; 1、開啟終端​,cd到已存在專案的目錄 ​​​2、輸入以下命令列,初始化一個本地倉庫: ​git init 3、輸入以下命令,把工程所有檔案都新增到該倉庫中(千萬

cocos環境搭建 以及新建專案 (iOS版)

1、cocos2dx 環境搭建: 1)http://www.cocos.com/history 2)選擇某一個版本下載。 2、cocos2dx 新建專案: http://www.cocos.com/docs/native/v3/getting-started/settin

Angular 專案打包之後部署到伺服器重新整理訪問404解決方法

將前端程式碼打包部署到Java伺服器中,當跳轉到相應路由介面,重新整理地址,服務找不到地址頁面,所以會報   404 - Page Not Found。 解決方法:只需要將路由轉換成雜湊值: userHash: true,將路由轉化成“#”號的形式 以下兩種方式修改路由,

iOS開發:在碼雲上面新建專案以及專案上傳到碼雲上並進行專案管理

       新建專案之後,把專案放在碼雲上面,方便維護管理,也為了保證程式碼在不可抗擊情況下能找回復原。使用碼雲管理專案程式碼是一個非常好的方法,對於初用著會覺得碼雲用起來不是那麼方便,有些步驟比較繁瑣,如果不借助第三方工具(如:SourceTree程式碼合併管理工具)上

在eclipse中使用git建立本地庫以及託管專案到GitHub超詳細教程

關於安裝git的教程,由於比較簡單,並且網上教程特別多,而且即使不按照網上教程,下載好的windows版本git,安裝時候一路預設設定就行。 安裝好之後,在桌面上有git圖示:右鍵選單中有Git Base Here和Git Gui Here兩個選項,Git Base Here開啟可以寫git命令,Git G

在node中介軟體(微服務)架構中用一個node去部署多個專案比較好還是一個專案對應一個node比較好?

第一種: 一個專案對應一個node服務; 優點:前端跟node也是可以獨立開發,降低耦合,也可單獨部署; 缺點:一個專案對應一個node,專案多的話,維護不方便; 第二種:一個node下,部署多個專案,可以以這個node作為底盤,在點選進入專案時,讓其載入該專案

人工智慧專案---Hytricx的理解以及專案中的使用

從Hytricx的意義來看是豪豬,一種具有防禦性的動物,從而保證了自身的安全,而在springcloud裡面Hytricx就是通過 @HytricxCommond 來定義熔斷機制以及在註解裡面定義 如果使用yml來配置必須在方法上加上這個註解,不然設定的超時時間不起作用 如果業務需要單獨的配