window server 2012 R2+IIS+vue+history模式部署网站

news/2024/5/19 1:56:19/文章来源:https://blog.csdn.net/qq_28218253/article/details/105500663

1. 第一步进行VUE项目打包操作

打包vue之前我们需要设置下项目的几处地方

1、在build/utils.js文件中修改

 if (options.extract) {return ExtractTextPlugin.extract({use: loaders,publicPath:'../../',  // 添加的代码fallback: 'vue-style-loader'})} 

在这里插入图片描述
2、在config/index.js中修改

  build: { //构建版本// Template for index.htmlindex: path.resolve(__dirname, '../dist/index.html'),// PathsassetsRoot: path.resolve(__dirname, '../dist'),assetsSubDirectory: './static',assetsPublicPath: './',

在这里插入图片描述
3、在src/router/index.jsz中设置mode为history
在这里插入图片描述
4、在命令行中输入 npm run build,命令行中出现如下所示即可
在这里插入图片描述
出现这样的字,代表打包成功了。当然你在本地是不到dist/index.html文件的。
需要部署在服务器上,
如需要在打包后打开index.html文件
请将mode:‘history’去掉,用vue自带的路由(这样会在地址栏出现#)

2.部署IIS

简单来说把dist文件放到服务器的某个文件中分配号端口号后,在防火墙哪里打开端口。就可以进行简单的访问了
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
一直下一步
在这里插入图片描述
在这里插入图片描述
这个时候,你就可以用IP加端口访问网站了。访问之前得先启动网站
在这里插入图片描述
成功登录进去后,点击目录报404得错误,这个时候就成功一半了。我们来重写下url路由
在这里插入图片描述

URL重写

第一步,下载插件URL Rewrite(如果有请忽略)
(我用得是手动下载插件,没有安装web平台安装程序,因为太慢了)
在这里插入图片描述
2、进行URL重写
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

点击应用。成功解决问题!!!!!
在这里插入图片描述

以上都来自本人亲自测试。

关于有关IIS history模式部署网站原文作者文章
点击前往


以上如果不成功得话
去掉URL重写

然后在config/index.js中修改
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_861757.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

window server2012 nginx二级域名部署网站

** 在测试过程中记得清楚浏览器缓存 快捷键 ctrl shift del 然后回车 ** 第一步 去域名供应商解析二级域名 等解析完成后。用二级域名扫描下 端口 第二步 打开nginx.conf 添加如下代码 我这里是两个二级域名指向两个不同的项目 server {listen 80;server_name 你的二级…

浅谈web网站架构演变过程

前言 我们以javaweb为例,来搭建一个简单的电商系统,看看这个系统可以如何一步步演变。 该系统具备的功能: 用户模块:用户注册和管理商品模块:商品展示和管理交易模块:创建交易和管理 阶段一、单机构建网站 …

项目案例:部署社交网站(svn服务器)全面过程

案例需求:社交网站采用PHP语言开发,为了管理开发代码,搭建SVN服务器进行版本控制,社交网站的第一个版本部署在LNMP平台上,前端为nginx服务器,通过fastcgi协议访问后端的PHP服务器。这里实现动静分离&#x…

Linux服务器架设-LAMP网站搭建实例

LAMP网站搭建 任务背景 学院为了扩大学生和教师的交流,准备搭建一个BBS,BBS采用动网论坛,内网采用的IP地址为192.168.1.2,要求服务器满足3000人同时在线访问,只有本学院的成员才可以访问目录/security,本…

卧龙网站更新

做了一天&#xff0c;比以前稍微熟练&#xff0c;事实证明加了版心好看很多&#xff0c;我还有 字体图标&#xff0c;查询图标等细节问题没有搞清楚&#xff0c;还有<a href"#"> 为啥会点不了呢&#xff0c;自学真的好辛苦 看到女朋友做的虾粥给爷整饿了ˋ( ▽…

千锋网站完工!品优购更新

一早上都在跟着做导航栏&#xff0c;虽然看着不咋样&#xff0c;但是确实挺拉跨&#xff0c;反正能做出来效果就行了&#xff01; 然后&#xff01;千锋网站的底部也终于完工&#xff0c;在调整ul>li里面的span和a的距离时&#xff0c;可以把他俩display&#xff1a;bloc…

明孩库网站开头

顶部导航栏害行&#xff0c;做的挺快&#xff0c;也没啥问题。红色导航栏问题多。。 表格&#xff1a;给table和table里的td样式 table ,table td { border:1px solid #ccc; border-collapse:collapse; } 表格有3行每行7个单元格&#xff0c;要给每行th里一个class&#xff0c;…

名孩库网站完成+内核

自习室呆了半天终于做的差不多了&#xff0c;底部导航栏就不写了。 轮播图&#xff0c;要想让小点在轮播图内显示&#xff0c;要给它们的父级盒子相对定位relative ul li imgli ul ol li a href”#img” li ol 盒子里的ul装照片&#xff0c;要让ul里的每个li都有自己的绝对定…

魅族网站开头

今天半日写出来的&#xff0c;感觉好慢&#xff0c;锚点定位真是磨了我好长时间 再再复习一下 1.定位 relative 相对定位 当子级是absolute时&#xff0c;应该给父级一个relative absolute 绝对定位 要有父级&#xff0c;根据父级的定位而定位 fixed 固定定位 固定在某一个位…

你了解SEO中的时效性吗?

你了解SEO中的时效性吗&#xff1f; 本文摘自web前端早读课&#xff0c;侵删。 前言 最近刚好在负责一个新项目&#xff0c;App在还没上线的前提上&#xff0c;PC&#xff0f;WAP可以优先部署相关SEO&#xff0c;这样在后续的推广中得以运用。今日早读文章由腾讯DeepOceanJavin…

修改wordpress地址导致网站无法访问

1、年少无知&#xff0c;修改了wordpress地址&#xff08;URL&#xff09;&#xff0c;发现前台错版了&#xff0c;紧接着&#xff0c;后台无法登陆了。 2、经过咨询和查找&#xff0c;发现解决方案&#xff1a; 3、登陆阿里云服务器&#xff08;我用的阿里云虚拟云主机&…

wordpress网站提速——大幅提高wordpress网站打开速度

说到wordpress网站提速&#xff0c;很多人都会说到一个万年不变的办法&#xff1a;提高服务器配置。 不过&#xff0c;最近做网站的时候做了一个测试对比&#xff1a; 1、在我的网站服务器目录里放了一个html的小页面。尝试打开&#xff0c;发现速度特别快。 2、然后打开网站…

使用Wordpress创建基于MySQL的教育网站(学习笔记2)(技术笔记1)Xampp error1045 解决方案

项目背景、技术栈 这是一个根据甲方需求创建的教育网站 使用XAMPP在MySQL数据库的服务器上架设面向目标客户需求的精美动态教育网站&#xff0c;附件有WP文件、网站演示、甲方需求及网站线框图。使用了Genesis Columns Advanced plugin; Pricing table by Supsystic; Easy Acc…

网站应用和服务器管理(课程总结4)Week12 澳大利亚维多利亚大学VIT1204 Web Application and Server Management

课程描述&#xff1a; Unit description This unit covers all the necessary skills and knowledge required for students to develop and host database driven web applications on a production web server. Students practice key concepts of web development and serve…

使用PHP和NetBeans创建基于XAMPP的动态网页(学习笔记7)(技术笔记7)网站应用和服务器管理 澳大利亚维多利亚大学VIT1204 Web Application and

Assessment 1 - Lab Task 1 您需要在NetBeans中创建一个PHP项目。将项目命名为LabTask1\u s1234567&#xff0c;其中数字表示 您的学生ID。您的任务包括在项目中开发以下PHP文件&#xff1a; index.php header.php footer.php registration_form.php display_data.php validati…

使用PHP和NetBeans创建基于XAMPP的前后端系统(学习笔记8)(技术笔记8)网站应用和服务器管理 澳大利亚维多利亚大学VIT1204 Web Application and

任务背景 作业将基于分配给学生的案例研究。学生需要构建/开发数据库驱动的客户机/服务器web应用程序。作业将由4部分组成。 第1部分将要求您为客户端应用程序构建接口 第2部分将要求您使用OOP方法开发CRUD数据库特性。 第3部分将要求您在客户机/服务器应用程序中设计和实现RE…

食品网站

食品网站&#xff08;陈子龙 2019/4/28&#xff09;食品网站选择有很多种&#xff0c;很多的类型&#xff0c;不一样的风格&#xff0c;食物的颜色不一样&#xff0c;不一样的颜色又代表着不同的含义。颜色有冷色和暖色&#xff0c;冷色是一种让人看到后&#xff0c;感觉比较冷…

食品网站

食品网站 &#xff08;陈子龙 2019/4/16&#xff09; 食品网站选择有很多种&#xff0c;很多的类型&#xff0c;不一样的风格&#xff0c;食物的颜色不一样&#xff0c;不一样的颜色又代表着不同的含义。颜色有冷色和暖色&#xff0c;冷色是一种让人看到后&#xff0c;感觉比较…

后台网站设计

后台网站设计 这是一张我自己设计的金融后台网站的首页&#xff0c;设计这张金融网站首页的时候&#xff0c;我是看了一些其他的金融网站的首页大概的结构信息然后才做出来的一张网站首页。我这张金融网站就是按照这两个金融网站的首页结构做出来的&#xff0c;结合了两张网站…

网站降级优化的原因

网站降级优化的原因 做SEO总是会遇到各种各样的问题&#xff0c;最痛苦的是网站被降级了。如何避免被搜索引擎降级是最常见的话题。搜索引擎算法不断更新&#xff0c;导致网站的整体搜索引擎优化方向面临严峻的评估。 首先&#xff0c;网站搜索引擎优化过度是否会导致功率下降…