vue项目部署iis服务器

一、将vue项目进行打包编译后，根目录生成dist的文件

当出现如上图显示时，说明打包编译完成，已经生成dist文件

二、打开iis服务器
打开iis服务器后选中网站后右击选添加网站，就可对网站进行配置，物理路径选择编译后的dist文件夹后选确定就行。

三、右击选择启动后出现如下报错信息：
除非Windows Activation Service (WAS)和万维网发布服务(W3SVC)均处于运行状态，否则无法启动网站

解决：
打开命令提示符中输入servicesmsc ,打开服务。
找到windows install及word wide web发布服务选项，分别右击启动，并右键属性改为启动类型就可以。

这是重新启动下，就可以访问。

前言：Vue服务器采用nginx➕Vue为服务器；

请确保你是以拥有 sudo 权限的用户来登录的服务器
请按照下面的步骤，在 CentOS 中安装 Nginx。

类似于上面的内容，遇到这种情况，输入 y，然后 Enter（回车） 即可继续安装。

启动 Nginx：
sudo systemctl start nginx
通过运行以下命令，来检查 Nginx 的运行状态：
sudo systemctl status nginx
然后会输出类型下面的内容: 其中Active：active代表运行， failed代表暂停

通过下面的命令来打开这两个端口：

国内的服务器厂商，安全组也可能会默认屏蔽这两个端口，比如 阿里云 和 腾讯云，如果在 第 5 步 时发现无法访问，可以自行百度一下如何放开这两个端口。

你可以像管理其他服务那样管理 Nginx。

启动 Nginx
sudo systemctl start nginx

停止 Nginx
sudo systemctl stop nginx

重启 Nginx
sudo systemctl restart nginx

修改 Nginx 配置后，重新加载
sudo systemctl reload nginx

设置开机启动 Nginx
sudo systemctl enable nginx

关闭开机启动 Nginx
sudo systemctl disable nginx

本文引用： # 2019 年如何在 CentOS 7 上安装最新版 Nginx
注意：有可能会出现403 Forbidden，执行 setenforce 0 设置SELinux 成为permissive模式

这里是创建代理服务器，访问的时候会通过代理服务器转发，所以就不会出现跨域问题。
这里的配置是以"/api"开头的地址，都通过代理访问，其他的地址则不通过代理，后面的是代理地址。

你的代理设置的是/api前缀的就转发到代理服务器上，所以在你的代码发起请求的时候加上api,比如：this$axiospost('/api/tcCodeSwitchid/getSwitchInfos', )

贴上 官网
vue-cli3 创建的时候并不会自动创建vueconfigjs，因为这个是个可选项，所以一般都是需要修改webpack的时候才会自己创建一个vueconfigjs
再然后因为vue-cli3内部高度集成了webpack，一般来说使用者不需要再去知道weboack做了什么，所以没有暴露webpack的配置文件，我们可以手动去创建vueconfigjs 去修改默认的webpack。注意，只能叫vueconfigjs。

publicPath （从 Vue CLI 33 起已弃用baseUrl，请使用publicPath）
参考： >第一步配置 vueconfigjs

第二步修改路由，改为 hash模式

第三步文件打包,执行以下，目录中会出现一个dist文件夹，将文件拖到服务器的 root 文件夹中

第四步可以通过域名进行访问 >

注意：本进阶在webpack进阶18的基础上进行衍生。

我们要请求 这个网址的数据
>vitevueproxy线上使用方法如下：
Vite在开发环境中使用proxy进行多个服务器的代理，Vite通过serverproxy配置自定义代理规则。
serverproxy分为字符串简写写法和选项写法和正则表达式写法还有proxy实例方法，在进行项目开发时，如果只需要代理一个服务器，直接用字符串简写即可。

---