首页 > 系统相关 >windows IIS中 vue的反向代理部署

windows IIS中 vue的反向代理部署

时间:2022-10-31 15:13:10浏览次数:70  
标签:web vue IIS windows URL api ARRCache

1、下载urlwrite,https://webpihandler.azurewebsites.net/web/handlers/webpi.ashx/getinstaller/urlrewrite2.appids

2、下载ARRCache,https://webpihandler.azurewebsites.net/web/handlers/webpi.ashx/getinstaller/ARRv3_0.appids

3、把vue打包后绑定到IIS,提前看下自己在vue中配置的api路由名,我这里叫prod-api

4、在项目上找到URL重写>添加规则>空白规则,模式填写*prod-api/*,重写URL地址为api的路由地址,配置图片如下

 

 

  

 其中http://192.168.100.150:3002为api接口地址

 

5、点击IIS应用程序父节点,找到ARRCache,点击Server Proxy Settings,如下设置

  

 

 

 

 

 

 

 

 

 

6、如果存在跨域问题,需要设置跨域域名,这里我是直接在ARRCache里设置的,目前只能支持一个域名,如果有哪位小伙伴找到方法,可以给我留言。

 

标签:web,vue,IIS,windows,URL,api,ARRCache
From: https://www.cnblogs.com/mcluzhi/p/16844266.html

相关文章

  • VUE项目创建
    首先你的电脑安装了node.js,并进行配置vue创建一个新的项目首先cmdd:然后cd:/路径(这里是项目保存的路径)vueinitwebpack项目名vue修改端口号config的index.js第一步......
  • Windows - Windows 开机运行脚本文件
    Windows开机运行脚本文件 按快捷键win+r,输入gpedit.msc进入本地策略管理器点击windows设置->脚本->(启动/关机),然后双击启动点击添加点击浏览选择你想要......
  • Vue-1
    vue​​1.认识MVVM结构​​​​2.我的第一个Vue实例​​​​3.闪烁问题​​​​4.三种赋值方式​​​​5.绑定属性v-bind:可以简写为:​​​​6.v-on:click("函数名字")触......
  • vue计算,监听属性插槽和动态组件
    计算属性如果{{函数()}},每次页面刷新,函数都会重新执行函数---》当属性来使用,缓存<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><ti......
  • Vue项目npm install下载依赖,报错:npm install 报错(npm ERR! errno -4048...(已解决✔)
    vue项目下载依赖npminstall报错:(npmERR!errno-4048,Error:EPERM:operationnotpermitted,)解决方法出现这种报错的时候有我用了清空缓存的方法:1,清理本地缓存:cach......
  • vue-axios增加操作
    <template><divclass="Insert"><labelfor="name">名称:</label><inputv-model="name"type="text"/><labelfor="location">部门:</label><inputv-mode......
  • 问题:Windows找不到文件。请确定文件名是否正确后,再试一次。
    问题:Windows找不到文件。请确定文件名是否正确后,再试一次报错排查不可见字符复制到vscode中,发现是否有不可见字符。如:路径带空格英文双引号""使用缩写/短名称......
  • vue基础题
    Vue2和Vue3的双向数据绑定的原理Vue2的核心就是通过Object.defineProperty()方法设置set和get函数来实现数据的劫持Vue3的核心是使用newProxy(对象,{get(),set()})方法来......
  • Vue面试题
    1、Vue的生命周期?beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed(创建、挂载、更新、卸载)挂载中可以操作DOM,创建中不......
  • vue中wahch和computed区别
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-e......