1、编译部署项目路径下demo输入命令npmrunbuild编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。网上下载nginx，版权限制，暂不提供下载，请百度搜索后观看http：//nginx.org/en/download.html，解压下载的nginx文件。
2、先配置nginx：在路由中添加注意如果是ts文件的话，如果默认有生成js的话要查看对应的js是否有加上目录，否则设置会无效。
3、在BOA服务器上部署Vue是可行的，只要服务器满足Vue应用程序的运行要求即可。下面是一些在BOA服务器上部署Vue应用程序的基本步骤：确保你的BOA服务器上已经安装了Node.js和npm。
4、要使前端正常调用后端数据，有两种方法：前端跨域调用后端数据，前端打包文件部署在后端的服务器文件夹下（同域）。
1、一般项目前后端分离得话，都会用nginx作为反向代理转发的。
2、您需要哪些功能？Nginx和IIS都可以为Vue提供必要的功能。但是，如果您需要一些高级功能，例如反向代理或负载均衡，则Nginx可能更适合您。您的经验和偏好。如果您更熟悉使用IIS，则使用IIS可能更容易适应。
3、在服务器上安装Nginx或其他Web服务器。配置Web服务器，使其能够访问Vue项目的dist文件夹。
4、需要。Nginx是一个常用的反向代理服务器，也可以作为静态资源服务器等。在单机部署中，如果没有Nginx，后端服务器会直接暴露在公网上，这会带来安全风险。
确保你的BOA服务器上已经安装了Node.js和npm。你可以使用以下命令验证安装：```bashnode--versionnpm--version```如果它们没有显示版本号，则需要先安装Node.js和npm。在本地构建Vue应用程序。
vue不应该是纯前端框架吗？build后基本上只需要一个html和一个bundle.js就可以直接跑。所以在服务器上配个nginx类产品，直接放里面跑起来肯定是没问题的。
因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。
Vue项目部署到服务器的方法有很多种，这里提供一种简单的方法：首先，确保您的服务器已经安装了Node.js和npm。然后，使用VueCLI创建一个新的Vue项目。打包Vue项目，生成dist文件夹。
小鸟云服务器niaoyun实例创建好之后，您可以使用以下任意一种方式登录服务器：远程桌面连接（MicrosoftTerminalServicesClient，MSTSC）：采用这种方式登录，请确保实例能访问公网。
这个问题可以用代理对你的项目进行长期的维护。我现在在用的就是pm2，你可以先安装他，然后去pm2startXXX（项目名）之后你关掉了ssh也是可以跑起来的。
web服务器：apache跨域在服务器配置站点：在路径/home/www/下创建test项目文件夹，用来放项目文件。
当我们将vue项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是vue-cli（simple）脚手架，所以就讲一下如何将项目进行打包，并放到tomcat上。
熟悉vue项目的开发朋友应该了解，对于vue项目来说，上线其实就是执行npmrunbuild命令，然后将build出的dist文件夹上传到服务器上就可以了，对于现在的前后端分离项目来说，就是把dist放到nginx的html文件夹即可。
1、项目目录结构这是打包后的，所以有dist文件夹，打包方式：npmrunbuild。webpack.config.js这里只是一小部分，因为这边最关键的就是publicPath，下面会提，这边可以解决静态资源404无法引入的问题。
2、对就是/前面加个点儿。然后重新打包。就可以直接打开了。===为什么这样做呢，因为vue的打包默认形成的是一个部署在服务器环境上的文件，如果是部署在静态站点上（express或者阿帕奇），就需要做路径转变。
3、使用npmrunbuild将vue项目进行打包，打包完成多一个dist文件夹。2：打开dist/下的index.html将assetsPublicPath字段的路径/改为./。
4、这次给大家带来如何部署vue.js项目nginx，部署vue.js项目nginx的注意事项有哪些，下面就是实战案例，一起来看一下。nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。
5、重新部署项目，再次查看：这一次http请求的字体包路径与实际的存放路径一致，因此自定义字体生效。