vue脚手架项目部署到服务器,vue脚手架项目发布

使用命令：npm run build即可

我们在命令行中输入npm run build命令后，vue-cli会自动进行项目发布打包。你在package.json文件的scripts字段中可以看出，你执行的npm run build命令就相对执行的 node build/build.js 。

在执行完npm run build命令后，在你的项目根目录生成了dist文件夹，这个文件夹里边就是我们要传到服务器上的文件。

dist文件夹下目录包括：

index.html 主页文件:因为我们开发的是单页web应用，所以说一般只有一个html文件。

static 静态资源文件夹：里边是生成好的js、CSS以及一些图片信息等。

运行的时候注意路径，默认生成的路径可能会有问题,如下这样的路径访问的时候静态资源是会报404错误的

需要修改一下

当然上面是手动修改的，在测试的时候，数据量很少的时候这样可以，但是里边如果组件和路由都很多的时候肯定就不能这样手动去修改了，可以修改一下编译的配置。把config-->index.js里边assetsPublicPath修改一下，默认只有一个斜杠在前面去增加一个点，重新用命令去生成一下即可

访问的时候有路由在后面接上路由配置的地址即可

待续......

欢迎加群讨论技术，群号：677373950

vue脚手架项目部署到服务器,vue脚手架项目发布相关推荐

如何将本地django项目部署到服务器,Django本地项目部署到云服务器
开发环境开发语言: Python 后台框架:Django web 服务器:nginx wsgi 服务器:uwsgi 云服务器系统:Ubuntu 查看本地项目 Django 和 Python 版本: ...
将安卓项目部署云服务器,将app项目部署到云服务器上
将app项目部署到云服务器上内容精选换一换 ContainerOps需要与其他云服务协同工作,ContainerOps和其他云服务的关系如图1.云容器引擎云容器引擎(Cloud Container ...
vue框架项目部署到服务器_在浏览器中在线尝试无服务器框架项目！
vue框架项目部署到服务器无服务器框架是无服务器工具的一致领导者. 但是,没有简单的方法可以在线试用无服务器框架项目. 您确实需要一个体面的开发人员设置,并且需要一些工作来设置sls , npm等. ...
vue项目部署到服务器后浏览器标签上的小图标消失不见
背景: 最近在开发项目过程中发现一个问题,项目部署到服务器后在浏览器打开,会发现浏览器标签上的小图标消失不见了.百度查找问题,网上给出了许多解决的方案,例如清除浏览器缓存.把图标的相对路径改成绝对路径 ...
Vue项目部署到服务器(ubuntu)
Vue项目部署到服务器(ubuntu) 工具:WinSCP.PuTTy(可能不是专业的工具,是本人上操作系统的课用到的软件,直接用来部署了) 打包项目,npm run build 执行npm run ...
vue项目部署iis后乱码_vue项目的自动化部署
转载/思否:邢走在云端阅读本文需要2分钟在我们日常开发部署vue项目中,一般的步骤是,1,打包,2,上传服务器.需要执行多步操作,网上的自动部署方案有很多,下面的方案相比来说简单上手,虽然功能不是 ...
前后端分离项目部署（服务器或本地）
文章目录前后端分离项目部署(服务器或本地) 前端部署(以vue项目为例) 后端部署(以Springboot项目为例) 补充前后端分离项目部署(服务器或本地) 前端部署(以vue项目为例) 部署环境 ...
pm2 部署 nuxt3.js 项目并设置服务器重启时项目自动重启
前言众所周知,nuxt3.js是基于vue开发ssr,seo的项目比较好的框架,那么开发完成项目,如何部署nuxt项目也是比较重要的,接下来就记录一下我在开发中是如何部署的. 我之前写过一篇vue ...
通过域名访问自己部署到服务器上的项目
通过域名访问自己部署到服务器上的项目如何不输入项目名端口号直接访问java web项目 1.省略输入端口号的步骤在Linux的下面部署了tomcat,为了安全我们使用非root用户进行启动,但是在 ...

vue脚手架项目部署到服务器,vue脚手架项目发布

vue脚手架项目部署到服务器,vue脚手架项目发布相关推荐

最新文章

热门文章