2 snippets vue 修改配置_教你发布vue+.netCore项目到服务器
最近一直在做项目,发布部署的事情都是同事或者老大做的,无奈什么事都要自己尝试经历后才能记住,所以发布的事情轮到我了,由于是第一次发布部署项目到一个新的服务器环境,难免会遇到各种各样的问题,总结下来,希望可以帮到需要的人。
项目框架使用的是vue+.netCore2.2所以发布的时候需要前后端分开发布,遇到的问题是挺多的,不过对自己来说也算是一种经历吧。
一..netCore 项目发布
1.1 修改环境配置为线上服务器的数据库地址
将网站下的三个json文件的数据库配置修改为线上的数据库环境
![](/assets/blank.gif)
1.2设置启动项,迁移数据库
此操作只针对项目中已有的迁移工具,可执行下列操作
将项目内的Migrator设置为启动项目,并修改项目下app.settings.json的连接字符串为服务器的IP,登录名和密码为线上数据库的登录名和密码
![](/assets/blank.gif)
若项目中没有此工具,可参考以下步骤
1.程序包管理器控制台 , Package Manager Console(PMC)
打开visual studio 程序包管理控制台,首先要善于使用pmc的帮助,输入get-help 查看帮助信息,根据提示我们可以输入 get-help about_entityframework 获取帮助信息,输入命令后我们应该能看到一只霸气的野马头像 ,头像下面就是efcore的相关帮助文档了 ,入下图
![](/assets/blank.gif)
add-migration 输入命令后回车,提示会输入迁移名称,也可直接输入 add-migration 迁移名称
update-database 第一步添加一个迁移文件成功后,可以用该命令直接更新到数据库,默认是所有迁移,如果想指定迁移直接加上迁移文件的名字就好了,如:update-database migrationName,也相当于版本回滚操,比如有版本1,2,3 此时我想回滚到版本1 就直接 update-database 1,此时数据库中已经更新到1版本了,然后在两次remove-migration把2和3的迁移文件删除就好了
Script-Migration 这个命令用于生成迁移文件对应的sql语句的,该命令如果不加任何参数 是默认生成所有迁移文件对应的sql语句,当然也可参照格式指定参数
remove-migration 这个也是如果想删除最后一次迁移 直接执行就好
使用 Get-Help <cmdlet-name>即可获取对应命令文档,如 get-help update-databa
1.3迁移数据库到线上
F5启动项目,会弹出提示 是否将数据库迁移到线上服务器地址,输入 “y”即可将数据库迁移到服务器
![](/assets/blank.gif)
1.4发布本地项目
重新将启动项目设置为Middleware.Web.Host,并点击发布按钮。将项目发布到自己选定的文件夹
![](/assets/blank.gif)
![](/assets/blank.gif)
至此,本地.netCore 项目发布完成
二.Vue前端发布
2.1 修改IPConfig配置
vue前端发布之前,需修改IPConfig.js下的remoteUrl和baseUrl,即前后端的地址配置为服务器的IP地址。将localhost 替换为 服务器的IP地址
![](/assets/blank.gif)
2.2 发布前端项目
使用命令行 发布 vue项目 终端--新建终端 输入 命令 npm run build 回车之后,会在本地项目的目录下生成一个dist文件夹
![](/assets/blank.gif)
![](/assets/blank.gif)
打开本地项目文件夹,找到dist文件夹,拷贝出来。至此本地的vue项目已发布成功。
三.部署线上服务器环境
3.1发布网站
将前端发布的dist文件夹和后端发布的文件夹一并拷贝到服务器上。打开IIS,添加前后端网站
Window+R 启动运行 程序 输入 mstsc 打开远程连接 输入远程桌面IP和登录名密码。进入远程桌面连接。
添加网站:网站名称,物理路径,修改端口号为前后端项目对应的端口号。
这里.netCore网站的应用程序池.NET CLR版本要改为 无托管代码
![](/assets/blank.gif)
![](/assets/blank.gif)
3.2修改权限
点击文件夹 右键 属性--安全设置 添加Everyone和IIS_IUsr的权限控制为允许全部
![](/assets/blank.gif)
![](/assets/blank.gif)
3.3安装.netCore环境
安装.netCore所需要的环境 .netCoreruntime 和.netCore Hosting 附官网下载地址
https://dotnet.microsoft.com/download/dotnet-core/2.2
![](/assets/blank.gif)
下载后安装
3.4安装vue环境
安装vue所需环境,urlrewrite,即url重定向,防止刷新页面导致的404URL不存在的错误。
![](/assets/blank.gif)
四.常见的一些错误和解决办法
4.1 500.19
HTTP 错误 500.19 - Internal Server Error 无法访问请求的页面,因为该页的相关配置数据无效。
原因:环境未安装完毕
解决办法:重启IIS,确保前后端所需的环境都已安装完毕。
4.2 依赖错误
windows系统中Dotnet core runtime 安装后,无法启动次程序,因为计算机中丢失api-ms-win-crt-runtime-l1-1-0.dll的解决方法
原因:dotnet core runtime依赖vc++2015,如果系统未安装vc++2015则会报上面的错误
解决办法:先下载安装vc++2015再安装dotnet core runtime
4.3 502.5 进程失败
![](/assets/blank.gif)
原因:后台数据库配置错误或者环境未安装完毕。
解决办法:
修改.netCore项目下web.config stdoutLogEnabled=”True”,然后手动新建logs文件夹,重新启动网站,会在logs文件夹下生成一个stdoutLog的txt文件,打开即可看到详情的错误信息,对照修改为正确的配置即可。
最后记得 cmd 运行 iisreset 命令,重启IIS服务以使得配置生效。
![](/assets/blank.gif)
到此,从本地发布到一台新服务器的过程就结束了。不得不感叹,感觉还是撸代码好点,哈哈。
自己经历过,才能对过程更加深刻。所以有些事只有自己亲自动手去尝试,会记得更牢固,以后遇到同样的问题就能解决了。
2 snippets vue 修改配置_教你发布vue+.netCore项目到服务器相关推荐
- 2 snippets vue 修改配置_自动化配置vscode的snippets
起因 今天开发时遇到一个问题调了许久,之后才发现是option的结构有问题.觉得这种样板代码不应该去写,而应该自动生成,所以就想着配一下vscode的snippets. 解决过程 小程序需要写的主要是 ...
- my.ini修改后服务无法启动_教你发布vue+.netCore项目到服务器
最近一直在做项目,发布部署的事情都是同事或者老大做的,无奈什么事都要自己尝试经历后才能记住,所以发布的事情轮到我了,由于是第一次发布部署项目到一个新的服务器环境,难免会遇到各种各样的问题,总结下来,希 ...
- Vue复习知识点(理解MVVM模式、Vue实例配置的各选项、Vue的各种内置指令....)
Vue复习知识点 一.理解MVVM模式 VVM是一种设计模式,它将应用程序分为三个部分:模型(Model).视图(View)和视图模型(ViewModel).它的主要目的是将应用程序的界面逻辑与业务逻 ...
- 2 snippets vue 修改配置_vue-snippets: 支持 Vue 3 的语法高亮,代码格式化和代码提示的 Visual Studio Code 插件。...
Vue 2/3 代码片段 语法高亮 格式化插件 这是一款在 Vue 2 或者 Vue 3 开发中提供代码片段,语法高亮和格式化的 VS Code 插件,能极大提高你的开发效率. 你可以在 VS Cod ...
- vue.js部署_如何将安全Vue.js应用程序部署到AWS
vue.js部署 本文最初发布在Okta开发人员博客上 . 感谢您支持使SitePoint成为可能的合作伙伴. 编写Vue应用程序直观,直接,快捷. Vue具有较低的进入门槛,基于组件的方法以及诸如热 ...
- vue颜色选择器_如何制作? Vue的颜色选择器!
vue颜色选择器 by ZAYDEK 由ZAYDEK 如何制作? Vue的颜色选择器! (How to make a ? color picker with Vue!) 注意:颜色看起来可能比实际颜色 ...
- baidumap vue 判断范围_懂一点前端—Vue快速入门
01. 什么是 Vue Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,是当下很火的一个 JavaScript MVVM 库,是以 数据驱动和组件化 的思想构建的 ...
- 2 snippets vue 修改配置_VsCode从零开始配置一个属于自己的Vue开发环境
VsCode算是比较热门的一个代码编辑器了,全名Visual Studio Code,微软出品 插件众多,功能齐全,平常开发过程中都是用的它,整理了下日常使用的插件及配置供大家参考,废话就不多说了,直 ...
- 2 snippets vue 修改配置_VSCode 自定义Vue snippets, 快速生成Vue模板
命令行 Ctrl+Shift+P # 选择 Configure User Snippets # 选择 Vue.json 原始的Vue.json { // Place your snippets for ...
最新文章
- Python3.5模块‘OS’‘sys’
- java 远程udp_远程客户端不接收UDP数据包
- java中对象的生存期_JSP中JavaBean的生命周期
- Serilog 自定义 Enricher 来增加记录的信息
- git常用命令,项目删除原有github连接并重新连接,回滚,下拉分支代码,切换分支
- Python 3.8 稳定版正式发布,新特性全面解读
- C/C++中MySQL环境配置教程
- 决胜蓝桥杯python组-字符串、列表
- 苹果mac窗口速调辅助工具:Magnet
- 区块链 试题_区块链期末复习四
- 如何将PDF转成高清JPG图片
- Scratch编程(八)扩展模块:文字朗读模块
- PS 制作ICO图标和图片背景透明化
- opencv将RGB转成YIQ
- 2022年中国中小学教育信息化行业研究报告
- 关于java中的setOut()方法
- RTP协议学习大总结从原理到代码
- 怎样学习C语言——快速上手C语言系列之—什么是指针
- sco unix系统_什么是SCO UNIX
- 一篇文章解读提速、降费黑科技:PCDN定义、功能、架构、场景和优势
热门文章
- 教老年人计算机心得体会,老年人教育工作心得体会
- postgresql9.5.9相关的日志文件介绍
- 前端验证码绘制(canvas)
- 【李宏毅2020 ML/DL】P79 Generative Adversarial Network | Tips for improving GAN
- spark学习11(Wordcount程序-本地测试)
- 【汇编语言与计算机系统结构笔记12】序格式与伪操作:简化段的定义、操作符等
- lbs与gis的计算机存储模式,基于GIS的移动终端LBS系统建设与实现
- Quick-cocos2d-x3.3 Study (五)--------- 添加按钮
- 误码率matlab怎么计算,Matlab 仿真(7,4)汉明码 传输误码率
- WIN11中MathType编辑中“打开数学输入面板”是灰色不可编辑