vue项目打包部署到linux
时间: 2023-04-29 16:04:07 浏览: 131
Vue项目打包部署到Linux可以采用以下步骤:
1. 在项目根目录下运行npm run build打包项目
2. 将打包好的dist文件夹上传到服务器的指定目录
3. 安装并配置nginx服务器,在nginx配置文件中指定项目根目录为dist文件夹
4. 重启nginx使配置生效
5. 通过服务器的IP地址访问项目
其中步骤1-4是最基本的步骤,如果有其他需求可能还需要进行其他配置。
相关问题
vue项目部署到linux
1. 首先,需要在Linux服务器上安装Node.js和npm。
2. 在本地使用npm run build命令打包Vue项目,生成dist文件夹。
3. 将dist文件夹上传到Linux服务器上。
4. 在Linux服务器上安装Nginx,并配置Nginx的虚拟主机,将请求转发到dist文件夹中的index.html文件。
5. 启动Nginx服务,访问Linux服务器的IP地址或域名即可访问Vue项目。
注意事项:
1. 在Linux服务器上需要开放对应的端口,如80端口。
2. 在Nginx配置中需要设置静态资源的缓存时间,避免频繁请求。
3. 在Vue项目中需要设置baseUrl为Linux服务器的IP地址或域名。
springboot + vue 项目部署上线到linux
SpringBoot和Vue项目的部署上线到Linux可以按照以下步骤进行操作:
1. 准备好Linux服务器,确保安装了Java环境和Node.js环境。
2. 打包SpringBoot后端项目,在SpringBoot项目的根目录下,运行以下命令进行打包:
```
mvn clean package
```
执行成功后,会在target目录下生成一个可执行的jar文件。
3. 将打包好的SpringBoot项目上传到Linux服务器上的指定目录,比如`/root/app`。
4. 在Linux服务器上,使用以下命令启动SpringBoot项目:
```
java -jar /root/app/your-project.jar
```
其中`your-project.jar`是你上传的jar文件的名称。
5. 确保SpringBoot项目启动成功后,开始部署Vue前端项目。
6. 进入Vue项目的根目录,运行以下命令进行打包:
```
npm run build
```
打包成功后,会在项目根目录下生成一个dist目录,里面包含了打包好的静态资源文件。
7. 将打包好的Vue项目的静态资源文件复制到SpringBoot项目的静态资源目录下,比如`/root/app/dist`。
```
cp -r /root/your-vue-project/dist/* /root/app/src/main/resources/static
```
8. 修改SpringBoot项目的配置文件application.properties(或application.yml),确保配置了静态资源文件的路径:
```
spring.resources.static-locations=classpath:/static/
```
9. 重新启动SpringBoot项目。
10. 在浏览器中访问服务器的公网IP地址加上SpringBoot项目的端口号,即可访问部署好的SpringBoot和Vue项目。
通过以上步骤,你就可以成功将SpringBoot和Vue项目部署上线到Linux服务器了。