本次的项目是基于vue-cli生成的项目,采用的vue-router的history模式。到这里相信大部人还是类似了,接下来就是一个坑死人不偿命的网上诸多博客都在采用的巨坑。在进行打包的时候,很多博客里都写了,将/config/index.js下,build中的assetsPublicPath从/改为./。问题先放在这里,我们先按照那些教程走。假设现在你的dist文件夹已经在你的云服务器中了。接下来开始nginx的配置。个人采用的是sudo apt-get install nginx安装的nginx,现在在命令行下,sudo nginx -t检查正确性,无误后sudo nginx -s reload。接下来在你的浏览器下访问cloudserverhost:3000,就可以访问到你的项目主页了。把请求路径写出来我们就会发现问题出在哪里了。因此,正式上线的项目,没有必要修改/config/index.js下,build中的assetsPublicPath。
Vuejs+vue-router打包+Nginx配置的实例
用户评论
推荐下载
-
Electron打包若依Vue项目配置指南
在项目开发中,借助Electron将若依Vue项目打包成可执行文件是一项重要的技术任务。Electron提供了一个强大的框架,使得开发者能够使用Web技术构建跨平台的桌面应用程序。若依Vue则是一套基
58 2023-12-05 -
vuejs开源vue源码源码
支持Vue.js Vue.js是MIT许可的开源项目,其持续的开发完全有赖于这些出色的。 如果您想加入他们,请考虑: 。 。 Patreon和OpenCollective有什么区别? 通过Patreo
28 2021-05-08 -
vue router中router view不能渲染的解决方法
本篇文章主要结合了vue-router 中router-view不能渲染的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
19 2020-11-22 -
Vue router_view和router_link的实现原理
使用router-view组件router-link的实现
14 2021-06-08 -
详解Vue快速零配置的打包工具parcel
本篇文章主要介绍了详解Vue快速零配置的打包工具——parcel,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
13 2020-08-30 -
Vue cli配置打包文件本地使用的教程图解
最近做的一个嵌入app的pc端项目,用的也是比较熟悉的vue-cli构建工具构建项目,需要的是打开dist文件夹入口html能加载到本地的静态文件,打包后的index.html加载文件如图:
17 2021-02-17 -
vue apollo for VueJS的ApolloGraphQL集成源码
Vue.js的Apollo和GraphQL 赞助商
7 2021-02-24 -
Nginx实现https网站配置代码实例
https基础 443端口. 用于了一个叫密钥的东西. 不要觉得这些东西您不了解也能实现. 不可能的. 1.先成密钥.咱们直接linux下生成 假设nginx目录为 /usr/local/nginx-
20 2021-01-16 -
Nginx图片防盗链配置实例
主要介绍了Nginx图片防盗链配置实例,并对代码做了详细的说明,让你充分理解配置的意图,需要的朋友可以参考下
17 2020-10-14 -
nginx配置location匹配规则实例讲解
在本篇文章里小编给大家整理的是关于nginx 配置location匹配规则实例讲解内容,需要的朋友们学习下。
21 2020-10-04
暂无评论