VUE3搭载到服务器

本文主要是介绍VUE3搭载到服务器，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.搭建服务器

使用 Windows 自带的 IIS 作为服务器。
步骤如下：https://blog.csdn.net/qq_62464995/article/details/130140673

同时，上面的步骤中，还使用了 cpolar 将 IIS 本地网址映射到公共网址。

注：
cpolar客户端： http://localhost:9200/#/dashboard
cpolar监听流量包流量： http://localhost:4040
cpolar官方安装使用教程： https://www.cpolar.com/blog/free-release-of-lan-web-site?channel=0&invite=4W3F

1.1 服务器请求测试代码

上面步骤完成后，终端运行命令：cpolar http 8080
运行结果如图：

python 编写如下代码运行：

import requestsresponse = requests.get(url='https://7d31446b.r27.cpolar.top') # 根据情况添加
print(response)

可以看到，每次代码运行请求网站均 200 回复OK,说明网站搭建成功。

2.VUE3 搭载到服务器

如图，简单的 VUE 项目开发完成后。

修改vue.config.js文件夹中的内容。

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({transpileDependencies: true,assetsDir: 'static',parallel: false,publicPath: './'
})

然后使用终端命令：npm run build
之后 VUE 项目生成 dist 文件。复制dist 文件夹下的内容到服务器映射文件下。

如图，我将 dist 文件夹下面的内容全部复制到我的网站映射文件夹下面。

然后访问网站公共网址。可以看到，VUE3布局生效。如图所示网址以及界面。

这篇关于VUE3搭载到服务器的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---