vue運行在什麼web伺服器上

A. 一個.vue文件，是如何被編譯在瀏覽器中運行的

自我理解的作用：解析轉換.vue文件。提取出script，css，template，再分別交給對應的loader去處理。核心就是提取。
官方定義：
1、允許為唯胡鏈vue組件的每個部分使用他的webpack loader，例如在style中使用sass，在template中使用Pug
2、允許一個.vue文件中做凳使用自定義塊，並對其運用自定義的loader鏈
3、使用webpack loader將style，template中引用的資源當作模塊依賴處理
4、為指孫每個組件模擬出scoped css
5、在開發過程中使用熱重載來保持狀態

B. vue項目部署必須用nginx嗎

vue項目部署必蠢宴須用nginx。
vue項目部署使用的是webpack提供的proxyTable做的代帶戚銀理從而解決了開發環境的跨域請求仔弊問題，需要使用Nginx做反向代理，因此vue項目部署必須用nginx。
vue是一個構建數據驅動的web界面的漸進式框架。

C. vue本地啟動項目,訪問web伺服器發送請求的區別

1、Vue本地啟動項目：Vue項目可以在本地啟動，通過npm run serve可以啟動一個本地李此伺服器，本地伺服器可以提供靜態文件，不支持動態數據的處理，比如資料庫操作等。

2、訪問web伺服器發送請求：訪問web伺服器發送請求，可以通過HTTP協議，胡消客戶端發出請求，服務褲擾知端處理請求，返回響應給客戶端，可以進行動態數據的處理，比如資料庫操作等。

D. 前端vue與後端Thinkphp在伺服器的部署

vue在服務端部署時，我們都知道通過npm run build 指令打包好的dist文件，通過http指定是可以直接瀏覽的，Thinkphp通過域名指向index.php文件才可以瀏覽。要使前端正常調用後端數據，有兩種方法：1、前端跨域調用後端數據，2、前端打包文件部署在後端的伺服器文件夾下（同域）。

web伺服器： apache

一、跨域

在伺服器配置站點：

在路徑/home/www/  下創建test項目文件夾，用來放項目文件。  

找到httpd-vhosts.conf文件配置站點  

前端站點：  

    ServerName test.test.com  

    DocumentRoot "/home/www/test/dist"    

    DirectoryIndex index.html  

後端站點：  

    ServerName test.testphp.com  

    DocumentRoot "/home/www/test/php"    

    DirectoryIndex index.php  

將前端打包好的dist文件放在/home/www/test/ 文件夾下，運行http://test.test.com可瀏覽，當路徑改變時，刷新會出現404錯誤。此時dist文件下創建一個.htaccess文件，當路徑不存在時，路徑指向http://test.test.com/index.html能解決此問題。

  RewriteEngine On  

  RewriteBase /  

  RewriteRule ^index\.html$ - [L]  

  RewriteCond %{REQUEST_FILENAME} !-f  

  RewriteCond %{REQUEST_FILENAME} !-d  

  RewriteRule . /index.html [L]  

在/home/www/test文件夾下創建項目根目錄php文件夾，將thinkphp文件放在php下。TP5的入口文件在public文件下，在這將public下的入口文件index.php挪到php文件夾下（個人習慣將入口文件放在項目根目錄）, 後端綁定Index模塊。

前端調用後端介面，存在跨域，跨域解決方法有好幾種，在這我將在後端php做配置，解決跨域問題，在公用控制器設置跨域配置：

class Common extends Controller  

{  

    public $param;  

    // 設置跨域訪問  

    public function _initialize()  

    {  

        parent::_initialize();  

        isset($_SERVER['HTTP_ORIGIN']) ? header('Access-Control-Allow-Origin: '.$_SERVER['HTTP_ORIGIN']) : '';  

        header('Access-Control-Allow-Credentials: true');  

        header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS');  

        header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, authKey, sessionId");  

$param =  Request::instance()->param();  

$this->param = $param;  

    }  

}  

前端調用登錄介面： this.axios.post('http://test.testphp.com/index.php/base/login', {user: '', password: ''})。

(可在webpack.base.conf.js文件下可定義介面：http://test.testphp.com/index.php/)

二、同域

後端配置同上，公共配置器中的header配置注釋。將前端的dist文件下的所有文件（包含.htaccess），放在php文件夾下。將後端index控制器的index方法的路徑重定向php下的index.html文件：

namespace app\index\controller;  

use think\Controller;  

class Index extends Controller  

{  

    public function index() {  

$this->redirect('/index.html');  

    }  

}  

前端調用登錄介面： this.axios.post('/index.php/base/login', {user: '', password: ''})

轉自：https://blog.csdn.net/qq_35465132/article/details/78986675

E. 改了tomcat後vue運行不了

需要修改Vue項目的配置文件，使其與新的Tomcat環境匹配。Tomcat是一個常用的javaWeb應用伺服器，而Vue是一個基於JavaScript的前端框架。當Tomcat環境改變時，陸伍會冊悉稿影響Vue項目的運行。需要通過修改Vue項目的配置文件，如修改代理地址、埠號等來適配新的Tomcat環境。另外，還需要確保在新的Tomcat環境中正確部署Vue項目的構建文州孝件。

F. vuejs怎麼在伺服器部署

既然是布署，哪默認就應該是生產環境下的布署，vue開發的應用本質上就是靜態文件,無論你用何種web伺服器，放上去就應該能通過http訪問

接下來我來幫大家來捋一捋

首先VUE 是一個javascript的前端框架，註定了它是運行在瀏覽器里的，對伺服器本地沒有任何要求，只要一個靜態文件伺服器能通過http訪問到其資源文件就足矣！無論你是用apache ,ngnix 就算你要用node 自己實現一個靜態文件伺服器，也用不了多少行代碼。

npm run dev 是用來在本地開發的時候做調試用的，vue開發的是前端的東西，不是nodejs 服務端程序，按道理講，生產環境里就不該存在npm，甚至nodejs也不需要（用nodejs來做web靜態服務的除外），樓主通過ssh進入到伺服器里，再運行npm run dev 來啟動哪是開發機上做的事情。正確的做法很簡單，通過npm run build 把生成的dist文件夾（不要上傳文件夾）里的內容上傳到http伺服器上就可以通過 http來訪問了，開發機上正常，上傳以後 程序出現錯誤不能運行的原因99.99%的可能性是你引用資源的路徑有問題。

一般如果vue框架的程序上傳到網站伺服器的根目錄下是不 會有問題的，也不存在資源文件引用錯誤的情況，但如果你不是根目錄，就會有問題，通過vue-cli 生成的開發目錄，build以後默認引用資源文件的路徑是

有更多疑問 」可以咨詢 」小鳥雲，它是的一家伺服器廠商，我一直在用他們產品！

G. vue部署到nodejs還是nginx

您好，關於您的問題，Vue部署到Node.js還是Nginx，這個問題的答案取決於您的項目需求。Node.js是一個JavaScript運行環境，可肆輪仔以用來構建高裂汪性能的Web應用程序，而Nginx是一種靜態伺服器，可以用來處理靜態文件，如HTML、CSS和JavaScript文件。如果桐團您的項目需要高性能的Web應用程序，則可以使用Node.js；如果您的項目需要處理大量靜態文件，則可以使用Nginx。因此，您需要根據您的項目需求來決定使用Node.js還是Nginx。

H. 一般都在什麼系統上運行vue項目

Vue是前端的框架 不分系統 在瀏覽器渲染前就已經拿到Vue的js腳本了，前後端分離開發Vue在哪都無所謂 所以Vue對系統沒什麼要求，
如果前後端不分離的話 前端Vue代碼 也就是頁面的js是和後端框架在一起的 現在的伺服器一般都傾向於使用linux這些類Unix系統
值得注意的是 Vue是瀏覽器去渲染的 底層還是javascript 本身和伺服器是分離的 前後端不分離一般都是使用後端框架的模板 比如django + jinjia2 或者django 自帶的模板