教你发布vue+.netCore项目到服务器

教你发布vue+.netCore项目到服务器
最新回答
琼瑶式爱情

2026-02-18 05:24:38

教你发布Vue+.NET Core项目到服务器

发布Vue+.NET Core项目到服务器是一个涉及前后端分开发布和部署的过程。以下是详细的步骤和注意事项:

一、.NET Core项目发布1. 修改环境配置为线上服务器的数据库地址
  • 步骤:将项目中的appsettings.json、appsettings.Development.json和appsettings.Production.json(或其他配置文件)中的数据库连接字符串修改为线上数据库的地址、用户名和密码。

2. 设置启动项,迁移数据库
  • 使用Migrator工具:如果项目中有Migrator工具,将其设置为启动项目,并修改连接字符串。然后运行Migrator,将数据库迁移到线上。

  • 使用Package Manager Console:如果项目中没有Migrator工具,可以使用Visual Studio的Package Manager Console进行数据库迁移。

    输入get-help about_entityframework获取EF Core的帮助文档。

    使用add-migration [MigrationName]添加迁移。

    使用update-database更新数据库。

    使用Script-Migration生成迁移对应的SQL语句。

    使用remove-migration删除最后一次迁移。

3. 迁移数据库到线上
  • 步骤:F5启动项目,会弹出提示是否将数据库迁移到线上服务器地址,输入“y”即可。

4. 发布本地项目
  • 步骤:将启动项目设置为Middleware.Web.Host,并点击发布按钮,将项目发布到选定的文件夹。

二、Vue前端发布1. 修改IPConfig配置
  • 步骤:在IPConfig.js文件中,将remoteUrl和baseUrl修改为服务器的IP地址,即将localhost替换为服务器的IP。

2. 发布前端项目
  • 步骤:使用命令行进入Vue项目目录,输入npm run build进行构建。构建成功后,会在项目目录下生成一个dist文件夹,将其拷贝出来。

三、部署线上服务器环境1. 发布网站
  • 步骤:将前端发布的dist文件夹和后端发布的文件夹一并拷贝到服务器上。打开IIS,添加前后端网站,设置网站名称、物理路径和端口号。对于.NET Core网站,应用程序池的.NET CLR版本要改为“无托管代码”。

2. 修改权限
  • 步骤:为前后端网站的文件夹添加Everyone和IIS_IUSRS的权限控制,允许全部权限。

3. 安装.NET Core环境
  • 步骤:下载并安装.NET Core所需的运行时和托管环境,可以从

    官方下载地址
    获取。

4. 安装Vue环境
  • 步骤:安装URL重写模块(URL Rewrite),以防止刷新页面导致的404错误。

四、常见的一些错误和解决办法1. HTTP 错误 500.19
  • 原因:环境未安装完毕。
  • 解决办法:重启IIS,确保前后端所需的环境都已安装完毕。
2. 依赖错误(丢失api-ms-win-crt-runtime-l1-1-0.dll)
  • 原因:.NET Core Runtime依赖VC++ 2015,如果系统未安装则会报错。
  • 解决办法:先下载安装VC++ 2015,再安装.NET Core Runtime。
3. 502.5 进程失败
  • 原因:后台数据库配置错误或环境未安装完毕。

  • 解决办法:修改.NET Core项目下的web.config,设置stdoutLogEnabled="True",并手动新建logs文件夹。重新启动网站后,查看logs文件夹下的stdoutLog文件,获取详细的错误信息,并对照修改为正确的配置。最后运行iisreset命令重启IIS服务。

通过以上步骤,你可以成功地将Vue+.NET Core项目发布并部署到服务器上。记得在每一步都仔细检查配置和权限,以确保部署的顺利进行。