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 自带的模板