vue项目部署到iis

最新推荐文章于 2024-06-16 01:08:56 发布
最新推荐文章于 2024-06-16 01:08:56 发布
阅读量789 收藏 3
点赞数
文章标签： vue.js 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48948055/article/details/129815724
版权

首先 - 你有一个vue项目, 你还会vue

第一步

打包 vue 项目生成 dist 文件

npm run bulid

第二步

把 dist 文件挪到你想放在的文件夹
在这里插入图片描述

第三步 打开iis管理器

  1. 打开控制面板 win+r, 输入control
  2. 查看方式选择: 小图标
  3. 选择 管理工具在这里插入图片描述
  4. **注意:**这里有一个是 Internet Information Services (IIS) 6.0 管理器
    还有一个是 Internet Information Services (IIS)管理器
    我们要选择第二个, 没有6.0的

在这里插入图片描述

第四步 在这里插入图片描述

物理路径是放dist的路径

在这里插入图片描述

第五步

在这里插入图片描述

结束

小吴加油015
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
【Vue】vue，在Windows IIS平台部署
花北城的博客
10-16 4212
本专栏为 前端【Vue】专栏，主要介绍Vue知识点。对于刚进入计算机世界的学生来说，学习课本上的知识是远远不够的，并且国内教材偏旧，所以需要我们通过互联网自主学习。这里普及一个知识：HTML已不仅仅只能开发Web，也可以开发移动端（AndroidiOS），所以本专栏也会介绍 移动端的开发。我个人将移动端开发，分为两大方向：①原生开发最早一批，使用安卓开发工具包（Android SDK）和Java语言来开发App的方式。原生开发允许开发者充分利用安卓平台的功能和特性，以及庞大的安卓开发社区资源。
vue部署项目到IIS服务器
xwnxwn的专栏
10-02 3725
在"网站"执行鼠标右键，选择添加网站。 网站名称：按照用途或者项目起名即可 应用程序池：部署前端项目，这个可以忽略，任意选择即可 内容目录：网站存放的路径，最好以英文命名 端口：web一般是80端口，不过我的80已经被其他项目占用，所以我设置为8082
windows IIS上部署Vue项目
最新发布
weixin_41934979的博客
06-16 615
IIS上部署Vue项目
[转]vue部署项目到IIS服务器
代码笔记
08-16 1184
拷贝的时候不一定是要把dist整个文件夹拷贝，也可以拷贝里面的内容，这个需要看自己的需求。访问网站可以在IIS界面右侧直接浏览，具体见上图，或者直接在浏览器地址栏输入：http://localhost:8082/端口：web一般是80端口，不过我的80已经被其他项目占用，所以我设置为8082。把build之后的文件（dist文件夹）拷贝到IIS存放网站文件的目录。应用程序池：部署前端项目，这个可以忽略，任意选择即可。内容目录：网站存放的路径，最好以英文命名。在"网站"执行鼠标右键，选择添加网站。...
IIS部署vue项目
Granters的博客
12-02 7356
IIs部署vue项目
前后端分离-IIS部署Vue前端项目
热门推荐
by0920的博客
03-07 1万+
背景： 项目采用前后端分离技术，后端主要用springBoot+springCloud等技术，前端采用Vue。部署中遇到了种种问题，尤其是前端部署中，以下是采用IIS部署的详细步骤，以及问题的解决方案，希望能帮助到大家。后端运行步骤在另一篇文章中有记载，查阅：https://blog.csdn.net/by0920/article/details/87911408 首先，编写前端代码，安装no...
Vue项目打包部署到iis服务器的配置方法
10-16
主要介绍了Vue项目打包部署到iis服务器的配置方法，文中通过代码示例给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue前端项目部署IIS的实现
10-15
本文将详细介绍如何将Vue前端项目部署到IIS。 首先，确保你的系统已经安装了IIS。如果没有，可以通过以下步骤开启： 1. 按`Win+R`打开运行对话框，输入`control`打开控制面板。 2. 在控制面板中选择“程序” -> ...
IIS部署.NET+Vue项目.docx
05-25
在本文中，我们将对 iis 部署 .net + vue 项目的知识点进行总结，涵盖从项目的基本环境到 api 的配置、https 的设置、Swagger 的使用等多个方面。 一、基本环境 首先，我们需要准备好基本环境，包括： * .NET ...
vue+iis部署
卢小亦的博客
07-17 550
vue+iis部署vue
IIs上部署vue项目的跨域配置
清龙入海的专栏
02-05 1742
在IIs服务器部署vue项目遇到跨域的解决办法
.NET CORE+VUE项目IIS前后端部署（前后端分离项目）
Fanger_travel的博客
07-06 2130
NET CORE+VUE项目IIS前后端发布（前后端分离项目）
IIS部署net7+vue前后端分离项目、IIS配置API接口转发
dengfeng1127的博客
12-02 1546
下面是配置接口转发，重写的目的是为了通过条件*prod-api/*通配符,跳转接口地址，也就是通过这个通配符来判断地址是前端地址还是后端地址，如果是后端地址就通过这个重写设定跳转到最先面指定的接口地址。prod-api这个通配符每个人定义的不一样，来源是你vue项目定义的接口地址一般在 vue.config.js中，下图为全局配置打包注入。/captchaImage URL重写后，能访问后端http://localhost:6001/captchaImage。通配符：*prod-api/*
IIS 部署 Vue3
xwnxwn的专栏
10-02 1240
IIS 部署 Vue 项目，F5刷新界面报 404
VUE3发布到IIS跳转页面报404以及刷新报404解决
qq_35363709的博客
09-19 261
原文链接：https://blog.csdn.net/langligelangxy/article/details/131975495。
Vue3项目打包本地IIS发布
qq_42772252的博客
11-15 1822
1、本地配置IIS本文不在叙述。 2、Vue3项目打包执行命令npm run build 3、打包完成后，打开IIS选择“添加网站”如图所示， 3.1网站名称可随意填写，物理路径选择项目打包的dist文件 4.网站增加完成后访问报错，需设置URL模块，下载模块为“URL重写”，下载地址为：URL Rewrite : The Official Microsoft IIS Site安装后根据以下配置项进行配置。 5.全部配置完成后若访问网站报错500.19...
vue项目部署到iis服务器_Vue项目部署在IIS
weixin_39990558的博客
12-21 879
一、方式一 将vue发布到一个单独的网站上发布vue项目，生成dist文件夹打开iis服务器后选中【网站】后右击选【添加网站】，物理路径指向发布生成的dist文件夹到此项目就部署好了，点击右侧浏览即可打开网站你以为部署完成就可以了，遇到的问题才刚开始没错，开发环境下没问题的项目，在通过以上发布部署后报错了，先归纳了下出现的错误：1、提示Vue is not defined，如下截图2、提示Une...
vue项目部署iis
03-22
下是Vue项目部署到IIS的步骤： 1. 首先，确保你已经安装了IIS，并且已经启用了相关的功能和服务。 2. 在Vue项目的根目录下，打开命令行工具，并执行以下命令来构建项目： ``` npm run build ``` 这将生成一个`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值