1、（我的iis为iis5）安装url重写模块，找到管理下的web平台安装程序，搜索url，选择url重写工具0，选择安装。添加规则。点击url重写，选择添加规则，空白规则，输入名称，按照下图进行配置。vue程序中添加两条路由。
项目目录结构这是打包后的，所以有 dist 文件夹，打包方式：npm run build。webpack.config.js这里只是一小部分，因为这边最关键的就是 publicPath，下面会提，这边可以解决静态资源 404 无法引入的问题。
确保你的BOA服务器上已经安装了Node.js和npm。你可以使用以下命令验证安装：```bash node --version npm --version ```如果它们没有显示版本号，则需要先安装Node.js和npm。 在本地构建Vue应用程序。
因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。
web服务器： apache 跨域 在服务器配置站点：在路径/home/www/下创建test项目文件夹，用来放项目文件。
熟悉vue项目的开发朋友应该了解，对于vue项目来说，上线其实就是执行npm run build 命令，然后将build出的dist文件夹上传到服务器上就可以了，对于现在的前后端分离项目来说，就是把dist放到nginx的html文件夹即可。
在你的服务器上，可以使用FTP或SCP等工具将静态文件上传到服务器。配置服务器以在Web服务器（例如Apache或Nginx）上提供静态文件。将后台管理系统部署到服务器上（例如Node.js），并确保其在需要时访问Vue的静态文件。
编译部署项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。网上下载nginx，下载地址http：//nginx.org/en/download.html，解压下载的nginx文件。
确保你的BOA服务器上已经安装了Node.js和npm。你可以使用以下命令验证安装：```bash node --version npm --version ```如果它们没有显示版本号，则需要先安装Node.js和npm。 在本地构建Vue应用程序。
主要是一个主要的 build.js， 因为我们的 index.html 引入的就是这个 js 文件。还有一些图片文件和 ElementUI 生成的 ttf 和 woff。如何放到服务器中。