vuejs怎么在服务器部署

用vue-cli搭建的做法

1、npm run build

2、把dist里的文件打包上传至服务器 例 /data/www/，我一般把indexhtml放在static里

所以我的文件路径为：

/data/www/static

|-----indexhtml

|-----js

|-----css

|-----images

3、配置nginx监听80端口， location /static alias 到 /data/www/static，重启nginx

location /static {

alias /data/www/static/;

}

4、浏览器访问http://ip/static/indexhtml即可

简述：Spring boot+Vue 前后端分离项目部署，主要采用docker容器部署方式。

Springboot项目部署：docker构建mysql环境+docker构建项目自身环境。

Vue项目：使用docker启动nginx服务器方式代理部署。

项目使用mysql80作为数据源，所以部署时需要使用docker构建mysql环境及项目自身环境。

连接出现1251错误时：

首先将项目进行打包：mumu-001-SNAPSHOTjar

到此，springboot项目采用docker方式运行部署结束。

使用docker容器方式运行nginx服务器。

对于nginx服务器，重要的两个操作是：

所以我们在配置启动nginx容器的时候，需要将对应的目录及文件进行宿主机挂载，方便后续更新资源及操作

启动命令：

第一步配置 vueconfigjs

第二步修改路由，改为 hash模式

第三步文件打包,执行以下，目录中会出现一个dist文件夹，将文件拖到服务器的 root 文件夹中

第四步可以通过域名进行访问 http://wwwlinlinrun/my-project/indexhtml#/home