vue打包后不使用服务器直接访问方法

最新推荐文章于 2024-05-09 12:04:14 发布
最新推荐文章于 2024-05-09 12:04:14 发布
阅读量1.9k 收藏 3
点赞数
文章标签： javascript 运维 ViewUI
原文链接：http://www.cnblogs.com/cnyball/p/8192749.html
版权

根据官网打包执行npm run build 后dist文件夹打开的index.html 是空白 需要开启http服务器才能访问，以下是解决办法
1、找到config文件夹下的index文件
1115243-20180104132653674-965378822.png
修改成
1115243-20180104132828299-1547460483.png
2、找到build文件夹下的until文件
1115243-20180104132910049-1947341303.png
修改成
1115243-20180104132954331-1950341169.png

然后执行npm run build重新打包下就ok了

转载于:https://www.cnblogs.com/cnyball/p/8192749.html

weixin_30808693
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vite 打包后需要启动服务
weixin_42157672的博客
06-06 610
vite 打包后需要启动服务访问
vue2.0打包之后不使用服务器在本地打开
weixin_42665200的博客
12-08 4193
vue打包之后如何在本地打开呢。 请看下面图文。 一：在打包之后，直接打开本地资源连接之后，打开控制器，发现页面空白，控制器报错。 这是打包好了，现在我们打开本地资源。 打开之后发现页面空白，并且控制台还在报错，这时因为静态资源路径的问题。现在打开项目，我们修改一下路径。 第一步，将config下面index.js里面截图部分路径‘/’前面添加一个‘./’， 第二步，将bu...
vue项目npm run build 打包之后如何在本地访问
骨子里的偏爱
04-26 1061
vue项目npm run build 打包之后如何在本地访问
Vue打包后如何在本地直接运行？
LoveZJC96的博客
05-30 2085
1.打包 npm run build 2. 解决方法 1.安装express-generator生成器 npm install express-generator -g 2.创建一个express项目 express 名称 3. 进入express项目并安装项目依赖 npm install 4.把dist目录下的所有文件复制到express项目的public文件夹下 5.启动express项目 npm start 6.打开浏览器，输入 http://loca.
vue项目打包在本地直接访问
M_SSY的博客
09-26 1万+
1.打开项目文件夹。找到config文件夹里的index.js文件中的build对象，将assetsPublicPath中的“/”，改为“./”。   2.router文件下面的index.js路由配置文件不要配置mode: "history"（不用配置这个属性）   3.修改config里面的index.js里面的productionSourceMap为false,默认情况是true（t...
VUE：项目打包后，如何本地访问
干饭搬砖两不误。
09-10 1万+
项目打包后，想看一下有没有问题再部署，那么就需要打包后的本地访问，就需要用到插件serve
Vue打包静态资源本地访问（不用放在服务端）| 比如放在Android 应用中
汪随安的博客
05-13 6417
解决vue打包静态资源问题！一、 打包服务端访问资源，直接build就行了二、 打包成静态资源，build出问题啦！！ 一、 打包服务端访问资源，直接build就行了 打包成服务器访问的资源，是默认的打包方式，直接运行自带脚本npm run build,就可以将资源打包在dist目录下 打包好之后的文件为dist目录下的：static与index.html 打包完之后直接扔服务器上就行了，直接运行 二、 打包成静态资源，build出问题啦！！ 使用场景： 好比我写的是H5应用，放在浏览器上直接可以打开浏
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
11-20
本地开发没问题能正常请求到接口，部署后页面也能展示出来就是接口的数据请求不到 network一看是这么个情况 对比了本地的页面 可以发现是remote address出了问题。 经过查询得知：Remote Address代表的是当前HTTP...
vue 打包后的文件部署到express服务器上的方法
08-29
本文将详细介绍如何使用Vue.js、Webpack和Express进行前后端分离的开发，并阐述将Vue打包后的文件部署到Express服务器的过程。 1. **Vue项目初始化** 使用`vue-cli`初始化项目是创建Vue应用的第一步。运行`vue ...
Vue项目打包部署到iis服务器的配置方法
12-13
一 将Vue项目打包 切换到项目目录下，输入cnpm run build 打包 等待打包完成 二 URL 重写 访问我们的一个url 原因是vue不是根据项目目录的地址访问的，是根据vue-router转发路由访问url，在这里我们应该...
使用vue打包进行云服务器上传的问题
11-21
本问题主要涉及Vue项目的打包配置、环境变量的设置以及云服务器上的文件上传与解压。以下是对这些知识点的详细说明： 1. **Vue配置调整**： - `vue.config.js` 文件是Vue CLI项目的配置文件，位于项目的根目录下。...
vue3 项目打包后怎么可以在本地直接打开
qq_21444067的博客
08-29 8468
vue的项目编译打包后默认情况下需要有服务器才能打开，那么在不用服务器的情况下怎么打开呢 首先在项目根目录下的vue.config.js（如果没有就自己创建一个）里加一个配置项 publicPath:"./" 或者 publicPath:"" （这个配置项的目的是指明项目在服务器下的路径，这里设置成相对路径） module.exports={ publicPath:"./" } 然后把rutour的历史模式改为 hash模式（因为hash模式不会走服务器，而是在本地直接处理） vue3的项目在
解决Vue项目打包后dist中的index.html用浏览器无法直接打开的问题
weixin_56035334的博客
07-11 7553
1.github是不是不能部署带有接口项目的前台电商项目啊 是不是得买服务器才能在线看啊 静态的我会部署，但是这个电商项目带了接口，我想应该不可以就这样放上去的 2.用npm run bulid打包后的index是不是不能直接打开。我百度了方法，都是让我改路径，但是他们都用webpack打包的，我这个是用npm init初始化的，并没有webpack下面的路径，所以我也改不了 3.那要怎么把这个前台项目部署到服务器上呢，是不是只能买个服务器来部署呀！！我主要想实现在线预览，给别人也可以看到做过的项目，
【springboot+vue前后端分离的项目（六）】引入vue-router实现网页（路由组件、非路由组件）跳转
shanglin1122的博客
05-27 2288
（一）项目源码目录设计routes: [meta: {},meta: {})这里的 meta.hidden 表示一个 boolean 类型的值，用来控制组件的显示和隐藏。
前后端分离使用VUE（跨域问题解决）
偷得浮生半日闲
11-14 6374
前台代码与后台代码分离 1. 后台代码删除static目录 2. 将static部署到nginx服务器上 - 将static存放到一个路径下 随便存放 只要你找得着 打开nginx目录 找到config 文件 编辑 插入代码 将你的文件夹路径写上 让nginx代理静态资源 记得保存 # windows文件服务器配置 # 搭建前后端分离页面服务器 server { ...
vue前后端分离，前端指定访问页面，未登录可获取后台数据
weixin_52616763的博客
03-06 237
既然登录页面可以不用登录，就可以弹出页面，为啥我照葫芦画瓢改了个路径，就提示“登录过期”了呢，而且即使瞎捣鼓操作一番后，不提示登录过期了，数据也是一片空白啊。网上搜索了非常多的大神解决方案，又是配置这，又是安装那的，我觉得太麻烦，看不懂，也无效果，需求不匹配吧。即使我把登录页面所有方法都删了，只要用/login访问，就不会有问题，是不是有什么隐藏配置呢？我需要写一个独立的前端，不需要登录，只需要一个指定访问路径，待前端启动后，默认访问该路径，同时页面里用到的数据都要从后台获取。我是在整个类上面加了注解。
Vue3 Vite项目打包后，双击dist中index无法打开网页（以file协议访问）
最新发布
fan786005691的博客
05-09 1794
本人需求是将vue+vite项目打包后，可以直接通过双击dist中index.html打开网页,也就是以（以file协议访问），达到类似原生html的效果。目的是为了将该网页嵌入到其他程序中，且能通过file协议访问本地路径图片。默认的打包方式不支持直接打开，需要开服务来访问。实现思路是通过plugin-legacy来实现。
Vue3 - 完美解决 vite 打包后在本地浏览器直接打开运行，build 打包后双击 index.html 直接以 file 协议运行网站（资源、接口等正常访问，和部署到服务器运行效果一样）
热门推荐
王佳斌
09-07 1万+
vue3 vite怎么支持file协议本地打开，vite打包文件如何支持files协议,支持双击即可打开网页，vue3 vite打包后双击本地运行，vue3 vite打包后怎么直接在浏览器双击打开访问，vite打包后显示空白，vite如何支持本地file协议打开，vue3 vite打包后如何本地查看网站，vue3 vite项目打包后本地启动白屏怎么办，vite打包后的代码如何在本地运行，vite+vue3 打包在fIle本地index.html打开项目，打包后如何直接打开index.html文件，vue3
使用vite 打包后的代码，如何在本地运行？
weixin_44717047的博客
08-07 1万+
在终端输入 npm run build 即可打包。 可以在dist目录下，看到打包后的文件。 但是如果直接打开html文件，会发现无法运行。 因此可以 在终端输入 npm install -g serve ，安装服务器环境。 接着输入serve -s dist，单击打开http://localhost:5000/即可运行代码。 ...
vue打包后的项目怎么直接访问index.html
02-01
vue打包后的项目在dist文件夹中，其中的index.html是项目的入口文件。要直接访问index.html，可以通过以下步骤进行： 1. 将打包后的dist文件夹部署到一个web服务器中，如Apache、Nginx等，确保服务器已经安装并配置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值