1、项目目录结构这是打包后的，所以有dist文件夹，打包方式：npmrunbuild。webpack.config.js这里只是一小部分，因为这边最关键的就是publicPath，下面会提，这边可以解决静态资源404无法引入的问题。
2、确保你的BOA服务器上已经安装了Node.js和npm。你可以使用以下命令验证安装：```bashnode--versionnpm--version```如果它们没有显示版本号，则需要先安装Node.js和npm。在本地构建Vue应用程序。
3、因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。
4、web服务器：apache跨域在服务器配置站点：在路径/home/www/下创建test项目文件夹，用来放项目文件。
1、Vue项目：使用docker启动nginx服务器方式代理部署。项目使用mysql0作为数据源，所以部署时需要使用docker构建mysql环境及项目自身环境。
2、创建自定义网络目的是将用到的服务都放到同一个网络段，以方便互相通信。
3、docker启动命令：nginx.conf修改为：程序更新：每次只需要把前端vue打包程序更新到/data2/geovis/docker_nginx/nginx_share_dir下即可。
4、方法如下：docker构建mysql环境+docker构建项目自身环境。Vue项目：使用docker启动nginx服务器方式代理部署。项目使用mysql0作为数据源，部署时需要使用docker构建mysql环境及项目自身环境。
之前搞过的问题，最近忘了，故而，写篇文章，记录一下。vue开发中，当部署到服务器上的时候，刷新总丢页面。在vue文档里，虽然对history模式有过说明，但是怎么用。是一个问题。我的服务是Apache的，所以只粘贴了这一个。
所以在tomcat服务器下你可以这么做。在打包好的项目根目录下新建一个WEB-INF文件夹，在WEB-INF中写一个web.xml。
将项目部署到服务器上分为两种：一种是直接部署到服务器的根目录，另外一种是部署到服务器的子目录下。
是因为程序自身的Bug导致页面加载异常。利用路由的懒加载实现组件的按需加载，这样配置后只有当路由被访问时才会加载对应的组件，而不是在加载首页的时候就直接加载即可恢复。
项目目录结构这是打包后的，所以有dist文件夹，打包方式：npmrunbuild。webpack.config.js这里只是一小部分，因为这边最关键的就是publicPath，下面会提，这边可以解决静态资源404无法引入的问题。
web服务器：apache跨域在服务器配置站点：在路径/home/www/下创建test项目文件夹，用来放项目文件。
项目目录结构这是打包后的，所以有dist文件夹，打包方式：npmrunbuild。webpack.config.js这里只是一小部分，因为这边最关键的就是publicPath，下面会提，这边可以解决静态资源404无法引入的问题。
编译部署项目路径下demo输入命令npmrunbuild编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。网上下载nginx，版权限制，暂不提供下载，请百度搜索后观看http：//nginx.org/en/download.html，解压下载的nginx文件。
在BOA服务器上部署Vue是可行的，只要服务器满足Vue应用程序的运行要求即可。下面是一些在BOA服务器上部署Vue应用程序的基本步骤：确保你的BOA服务器上已经安装了Node.js和npm。