vue怎么打包放上服务器

1. vue如何将项目部署到服务器上并且使外网能够访问到

你的服务器是什么系统啊 ，，，linux LINUX、WINDOWS、NETWARE、UNIX。。

在linux

首先服务器安装node git nginx vue-cli

安装好nginx 用你的公网ip访问就可以看到 下面的页面

这就可以了

还有 用express 部署这个 简单些

2. vue cli3项目打包部署到tomcat服务器运行

步骤：
一、找到文件vue.config.js，没有则自己创建一个

二、编写vue.config.js的内容

三、修改路由方式，修改为hash，文件位置自己找，vuecli3中在router.ts文件中

四、添加空路由

找到编译好的文件夹，如果作为独立项目，直接拷贝后放到Tomcat里即可，如果是放到另外一个项目中使用，则拷贝到其它项目中去

七、适配到EOS中使用
7.1、改变原EOS项目中的首页配置
在webapps\default\WEB-INF\web.xml中配置

7.2、修改原EOS项目中的登录成功的跳转页，也是项目主页
在webapps\default\coframe\auth\index.jsp中配置

3. 如何把vue项目部署服务器（宝塔面板）上

把Vue项目部署到宝塔面板服务器上的步骤如下：

1. 项目打包：

   • 确保你的Vue项目已经完成开发，并且可以在本地正常运行。
   • 在项目根目录下执行命令 npm run build 进行打包。
   • 打包成功后，会在项目根目录下生成一个 dist 文件夹，里面包含了构建后的静态文件。

2. 上传文件至服务器：

   • 登录宝塔面板，进入文件管理页面。
   • 使用文件上传功能，将打包后的 dist 文件夹上传至服务器的指定目录。通常，可以选择一个名为 vue 的文件夹作为根目录。

3. 添加网站配置：

   • 在宝塔面板中，进入网站管理页面。
   • 点击“添加站点”，在“站点域名”中输入你的域名或服务器IP地址。
   • 在“站点根目录”中选择你上传的 vue 文件夹。
   • 选择“PHP项目”作为站点类型。
   • 点击“提交”，完成网站配置。

4. 测试部署：

   • 在浏览器中输入服务器的IP地址和端口号，访问你的Vue项目。
   • 如果一切正常，你应该能够看到Vue项目在服务器上成功运行。

注意：在实际部署过程中，可能还需要进行域名绑定、SSL证书配置等操作，具体步骤会根据你的实际需求和环境有所不同。此外，确保服务器和宝塔面板的安全配置也是非常重要的。

4. vue项目如何部署到服务器

第一步配置 vue.config.js

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

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

第四步可以通过域名进行访问 http://www.linlin.run/my-project/index.html#/home