1、编译部署项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。网上下载nginx，下载地址http：//nginx.org/en/download.html，解压下载的nginx文件。配置部署，编辑nginx/conf 下的nginx.conf，修改如下[/code][启动nginx。
1、网上下载nginx，下载地址http：//nginx.org/en/download.html，解压下载的nginx文件。配置部署，编辑nginx/conf 下的nginx.conf，修改如下[/code][启动nginx。命令窗口cd进入nginx安装目录，输入start nginx启动nginx。
2、在BOA服务器上部署Vue是可行的，只要服务器满足Vue应用程序的运行要求即可。下面是一些在BOA服务器上部署Vue应用程序的基本步骤： 确保你的BOA服务器上已经安装了Node.js和npm。
3、vue不应该是纯前端框架吗？build 后基本上只需要一个 html 和一个 bundle.js 就可以直接跑。所以在服务器上配个 nginx 类产品，直接放里面跑起来肯定是没问题的。
4、或在开始菜单搜索中输入mstsc。也可以使用快捷键Win+R来启动运行窗口，输入mstsc后回车启动远程桌面连接。在远程桌面连接对话框中，输入实例的公网IP地址。单击显示选项。输入用户名，如小鸟云默认为niaoyun。单击允许我保存凭据，然后单击连接。这样以后登录就不需要手动输入密码了。
将vue项目进行打包编译后，根目录生成dist的文件 当出现如上图显示时，说明打包编译完成，已经生成dist文件 打开iis服务器 打开iis服务器后选中【网站】后右击选【添加网站】，就可对网站进行配置，物理路径选择编译后的dist文件夹后选确定就行。
先配置nginx：在路由中添加 注意如果是ts文件的话，如果默认有生成js的话要查看对应的js是否有加上目录，否则设置会无效。
正确的做法很简单，通过npm run build 把生成的dist文件夹（不要上传文件夹）里的内容上传到http服务器上就可以通过 http来访问了，开发机上正常，上传以后 程序出现错误不能运行的原因999%的可能性是你引用资源的路径有问题。
因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。编译部署项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。
下面是一些在BOA服务器上部署Vue应用程序的基本步骤： 确保你的BOA服务器上已经安装了Node.js和npm。你可以使用以下命令验证安装：```bash node --version npm --version ```如果它们没有显示版本号，则需要先安装Node.js和npm。 在本地构建Vue应用程序。
1、综上所述，vue.js 是通过 webpack来打包，而webpack 又基于 npm， npm需要nodejs环境。这就是为什么vue.js 还需要安装nodejs环境。将目标dist文件夹拷贝到一台未安装nodejs的 nginx服务器上，访问页面可以正常响应逻辑。这时跟nodejs没有任何关系，服务器又不是nodejs在担当，而是nginx。
2、综上所述，Vue.js 需要依赖于 Node.js，是因为它需要使用一些工具、模块、插件和库，这些工具、模块、插件和库通常需要在 Node.js 环境下运行和使用。
3、Vue项目部署到服务器的方法有很多种，这里提供一种简单的方法： 首先，确保您的服务器已经安装了Node.js和npm。 然后，使用Vue CLI创建一个新的Vue项目。 打包Vue项目，生成dist文件夹。 将dist文件夹上传到服务器上。 在服务器上安装Nginx或其他Web服务器。
4、node --version npm --version ```如果它们没有显示版本号，则需要先安装Node.js和npm。 在本地构建Vue应用程序。在命令行中进入你的Vue项目根目录，并运行以下命令：```bash npm run build ```这将在项目的`dist`目录中生成用于生产环境的构建文件。 将构建文件上传到BOA服务器中。
5、node.js不是开发框架，不是一门开发语言，它是一套script运行环境。vue.js是目前比较流行的前端开发框架。我们通过vue.js开发项目通常使用npm做包管理器，npm运行依赖node.js；构建一个vue项目的时候，推荐使用npm，这时候我们需要安装node.js。
6、安装nodejs开发环境 全局安装vue-cli脚手架 使用vue-cli脚手架运行vueinit命令初始化工程 开发，编写代码，包括组件、事件、并开启webpack的热部署功能实时查看 打包开发好的代码，使用npmrunbuild 部署代码上线。
因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。编译部署项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。
将vue项目进行打包编译后，根目录生成dist的文件 当出现如上图显示时，说明打包编译完成，已经生成dist文件 打开iis服务器 打开iis服务器后选中【网站】后右击选【添加网站】，就可对网站进行配置，物理路径选择编译后的dist文件夹后选确定就行。
我使用的是 vue-cli（simple） 脚手架，所以就讲一下如何将项目进行打包，并放到 tomcat 上。如果是 vue-cli （非 simple 脚手架），这篇文章可能有点帮助。
正确的做法很简单，通过npm run build 把生成的dist文件夹（不要上传文件夹）里的内容上传到http服务器上就可以通过 http来访问了，开发机上正常，上传以后 程序出现错误不能运行的原因999%的可能性是你引用资源的路径有问题。