今天小编来给大家分享一些关于vue部署云服务器vue如何将项目部署到服务器上并且使外网能够访问到方面的知识吧，希望大家会喜欢哦
1、因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。编译部署项目路径下demo输入命令npmrunbuild编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。
2、将vue项目进行打包编译后，根目录生成dist的文件当出现如上图显示时，说明打包编译完成，已经生成dist文件打开iis服务器打开iis服务器后选中【网站】后右击选【添加网站】，就可对网站进行配置，物理路径选择编译后的dist文件夹后选确定就行。
3、我使用的是vue-cli（simple）脚手架，所以就讲一下如何将项目进行打包，并放到tomcat上。如果是vue-cli（非simple脚手架），这篇文章可能有点帮助。
4、正确的做法很简单，通过npmrunbuild把生成的dist文件夹（不要上传文件夹）里的内容上传到http服务器上就可以通过http来访问了，开发机上正常，上传以后程序出现错误不能运行的原因999%的可能性是你引用资源的路径有问题。
Vue项目部署到服务器的方法有很多种，这里提供一种简单的方法：首先，确保您的服务器已经安装了Node.js和npm。然后，使用VueCLI创建一个新的Vue项目。打包Vue项目，生成dist文件夹。将dist文件夹上传到服务器上。在服务器上安装Nginx或其他Web服务器。
在本地的浏览器登录阿里云服务器-进入控制台-点击安全组-点击配置规则-点击添加安全组规则，之后配置如下（注：入方向和出方向都要配置）配置文件中的root和index那两行表示我们把项目文件夹放在/home/my-project下例如有两个项目文件夹分别为test1，test2，里面都有index.html。
history模式，这种模式充分利用history.pushStateAPI来完成URL跳转而无须重新加载页面。
constrouter=newVueRouter（{mode：history，routes：}）这种配置需要配合后端服务器的配置，如果你对服务器是nginxlocation/{try_files$uri$uri//index.html；}希望能帮到你IIS怎样安装与配置？首先打开服务器中的开始菜单，然后选中管理工具-服务器管理器，如下图所示。
一般来说，两者都可以轻松地配置和使用Vue，取决于您对哪种服务器的经验和偏好。在选择之前，您应该考虑以下几个方面：您的服务器配置和性能如何？Nginx通常比IIS更轻量级，因此更适合低资源服务器。您所在的操作系统是什么？如果您使用Linux操作系统，则Nginx可能更适合您。
我觉得原因是页面刷新时，服务器找不到任何的静态资源，就报404，那么解决办法就简单了：你要在服务端增加一个覆盖所有情况的候选资源：如果URL匹配不到任何静态资源，则应该返回同一个index.html页面，这个页面就是你app依赖的页面。即使用try_files寻找index.html。
将vue项目进行打包编译后，根目录生成dist的文件当出现如上图显示时，说明打包编译完成，已经生成dist文件打开iis服务器打开iis服务器后选中【网站】后右击选【添加网站】，就可对网站进行配置，物理路径选择编译后的dist文件夹后选确定就行。
项目目录结构这是打包后的，所以有dist文件夹，打包方式：npmrunbuild。webpack.config.js这里只是一小部分，因为这边最关键的就是publicPath，下面会提，这边可以解决静态资源404无法引入的问题。npmrunbuild打包后的文件。
网上下载nginx，版权限制，暂不提供下载，请百度搜索后观看http：//nginx.org/en/download.html，解压下载的nginx文件。配置部署，编辑nginx/conf下的nginx.conf，修改如下[/code][启动nginx。命令窗口cd进入nginx安装目录，输入startnginx启动nginx。
确保你的BOA服务器上已经安装了Node.js和npm。你可以使用以下命令验证安装：```bashnode--versionnpm--version```如果它们没有显示版本号，则需要先安装Node.js和npm。在本地构建Vue应用程序。
vue不应该是纯前端框架吗？build后基本上只需要一个html和一个bundle.js就可以直接跑。所以在服务器上配个nginx类产品，直接放里面跑起来肯定是没问题的。
或在开始菜单搜索中输入mstsc。也可以使用快捷键Win+R来启动运行窗口，输入mstsc后回车启动远程桌面连接。在远程桌面连接对话框中，输入实例的公网IP地址。单击显示选项。输入用户名，如小鸟云默认为niaoyun。单击允许我保存凭据，然后单击连接。这样以后登录就不需要手动输入密码了。
先配置nginx：在路由中添加注意如果是ts文件的话，如果默认有生成js的话要查看对应的js是否有加上目录，否则设置会无效。
1、将vue项目进行打包编译后，根目录生成dist的文件当出现如上图显示时，说明打包编译完成，已经生成dist文件打开iis服务器打开iis服务器后选中【网站】后右击选【添加网站】，就可对网站进行配置，物理路径选择编译后的dist文件夹后选确定就行。
2、先配置nginx：在路由中添加注意如果是ts文件的话，如果默认有生成js的话要查看对应的js是否有加上目录，否则设置会无效。
3、正确的做法很简单，通过npmrunbuild把生成的dist文件夹（不要上传文件夹）里的内容上传到http服务器上就可以通过http来访问了，开发机上正常，上传以后程序出现错误不能运行的原因999%的可能性是你引用资源的路径有问题。
4、因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。编译部署项目路径下demo输入命令npmrunbuild编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。
5、下面是一些在BOA服务器上部署Vue应用程序的基本步骤：确保你的BOA服务器上已经安装了Node.js和npm。你可以使用以下命令验证安装：```bashnode--versionnpm--version```如果它们没有显示版本号，则需要先安装Node.js和npm。在本地构建Vue应用程序。
综上所述，vue.js是通过webpack来打包，而webpack又基于npm，npm需要nodejs环境。这就是为什么vue.js还需要安装nodejs环境。将目标dist文件夹拷贝到一台未安装nodejs的nginx服务器上，访问页面可以正常响应逻辑。这时跟nodejs没有任何关系，服务器又不是nodejs在担当，而是nginx。
综上所述，Vue.js需要依赖于Node.js，是因为它需要使用一些工具、模块、插件和库，这些工具、模块、插件和库通常需要在Node.js环境下运行和使用。
Vue项目部署到服务器的方法有很多种，这里提供一种简单的方法：首先，确保您的服务器已经安装了Node.js和npm。然后，使用VueCLI创建一个新的Vue项目。打包Vue项目，生成dist文件夹。将dist文件夹上传到服务器上。在服务器上安装Nginx或其他Web服务器。
其实安装完node，就自动在path里增加环境变量，但是为了以后的本地部署项目，我们需要找到node.js的安装根目录，在当中新建“node_global”和node_cache两个文件夹。
node--versionnpm--version```如果它们没有显示版本号，则需要先安装Node.js和npm。在本地构建Vue应用程序。在命令行中进入你的Vue项目根目录，并运行以下命令：```bashnpmrunbuild```这将在项目的`dist`目录中生成用于生产环境的构建文件。将构建文件上传到BOA服务器中。
node.js不是开发框架，不是一门开发语言，它是一套script运行环境。vue.js是目前比较流行的前端开发框架。我们通过vue.js开发项目通常使用npm做包管理器，npm运行依赖node.js；构建一个vue项目的时候，推荐使用npm，这时候我们需要安装node.js。
本文到这结束，希望上面文章对大家有所帮助