vue项目部署到IIS

• 前端

项目打包

vue 部署包：

项目路径运行npm run build

vue项目打包

运行后生成一个dist文件夹，把这个文件夹放到要部署的服务器

在这里插入图片描述

IIS 配置

程序

需要用到下面这两个程序进行配置：

程序

如果 IIS 没有 Web平台安装程序（上图管理模块第二个），可以进行手动下载：

  • URL重写
  • application request routing

新建站点

网站（右键）——添加站点

在这里插入图片描述

以 test 为例：

例子

访问站点

点击浏览网站下方超链接或者浏览器输入http://localhost:9999

在这里插入图片描述

出现的问题

IE 浏览器下会空白

一开始服务器只有 IE浏览器，打开会是空白页，控制台会报错chunk….，安装了babel-polyfill也不行，最后在谷歌浏览器打开可以

（所以建议不要用IE浏览器打开）

页面 404

报错图片

项目路由没错的情况下，需要设置 URL重写：

双击 test 的 URL 重写——右上角的添加规则——空白规则

在这里插入图片描述

名称：自定义

模式：.*

条件：添加——选择不是文件

操作属性：重写URL——/index.html

在这里插入图片描述

在这里插入图片描述

接口405

（下述场景为前端与后台在同一服务器下进行配置的）

假设后台接口地址为：http://localhost:9001/api/…

需要设置代理

  • Application Request Routing设置：

    双击程序——Server Proxy Settings.（右下角）——选中Enable proxy

    在这里插入图片描述

  • 项目vue.config.js设置代理

    在这里插入图片描述

    axios 封装：baseURL设置为/api

    在这里插入图片描述

  • 设置 URL 重写

    添加空白规则（同上）

    模式：*api/*

    重写URL：http://localhost:9001/api/{R:2}（以上述后台接口为例）

    在这里插入图片描述

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/5c421b5ea4.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐