vue项目启动后访问的是dist吗

vue项目启动后访问的是dist吗,第1张

您笑带好,是的,Vue 项目启动后访问的是 dist 目录。Vue 是一个构建用户碰液芦界面的框架,它的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有埋咐项目整合。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 项目启动后,会在 dist 目录下生成一个文件,这个文件就是用户访问的文件,它包含了所有的前端静态资源,如 HTML、CSS、JavaScript 等,用户可以通过访问这个文件来访问 Vue 项目。

1、首先将vue3的dist文件夹创建一个枣芦js文件直接运行。

2、其次打包完成后会在项目的根目录生成凳差带一个dist文件夹,在庆袭项目根目录新建一个文件夹。

3、最后添加一个Vue.config.js,点击将文件夹加入dist文件夹即可。

服务器购买,端口开放不再多讲 文件的上传使用森兄 Xftp 。

工作经历内容用到的 省略号特效

本地Vue项目打包,生成文件放在Vue项目目录下的dist文件夹此岁袭

在阿里云服务器控制台内安装nodejs,端口开放在防火墙选项下

安装nginx

npm install命令遇到relocation error: npm: symbol SSL_set_cert_cb的报错问题

改标签栏icon,以及标签名

安装完nginx后 用Xftp登陆服务器,上传打包好的项目。

保存,回到服务器控制台雀差输入 重新运行nginx

现在可以通过ip地址访问到打包过的Vue项目了

我的项目链接: http://phantomcorner.tech

Github


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12136523.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存