解决宝塔部署vue项目后只能访问index.html页面的问题

最新推荐文章于 2023-12-20 10:03:47 发布

YiAn~

最新推荐文章于 2023-12-20 10:03:47 发布

阅读量2.5k

点赞数

分类专栏：网站部署文章标签： html vue.js javascript

本文链接：https://blog.csdn.net/qwerrwqe/article/details/120717995

版权

网站部署专栏收录该内容

2 篇文章 0 订阅

订阅专栏

打开宝塔面板，选择网站->设置->伪静态

location / {
  if (!-e $request_filename) {
    rewrite  ^(.*)$ /index.html?s=/$1  last;
    break;
  }
}

保存就可以了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

YiAn~

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

宝塔nginx 访问根目录非index.html文件报404--配置nginx文件存在时直接返回，文件不存在转给反向代理

tangbin0505的博客

07-24

6214

一宝塔nginx 访问根目录非index.html文件报404 故障现象：访问http://127.0.0.1/index.html能正常打开。访问http://127.0.0.1/abc.html 提示404 根目录下确认有这个文件。解决办法：修改root目录 vim /www/server/panel/vhost/nginx/0.default.conf server { listen 80; server_name _; index index...

vue去掉访问路径index.html,解决vue项目访问路径#号的问题

weixin_42360967的博客

06-30

4249

解决vue项目访问路径#号的问题发布时间：2020-08-19 11:29:49来源：亿速云阅读：118作者：小新解决vue项目访问路径#号的问题？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！刚入手vue，有好多的疑问，目前遇到的是vue项目启动之后，输入http://ip:port，我发现浏览器里面显示的地址栏竟...

1 条评论您还未登录，请先登录后发表或查看评论

Linux系统下的宝塔面板，配置默认文档index.html的方法

热门推荐

我的网站建设博客

12-12

1万+

Linux系统下的宝塔面板，配置默认文档index.html的方法打开/www/server/panel/class 找到panelSite.py和panelSite.pyc 先删除panelSite.pyc的文件然后修改panelSite.py里面的内容，找到index.php index.html index.htm default.php default.h...

Vue fetch 方法，vue 配置接口，只拿到index.html 页面

qq_38192709的博客

11-22

843

问题描述：fetch() 方法，并配置了接口，只拿到 index.html 页面代码，如图：我自己实践过的解决方法：ctrl + c 关闭vue 项目，我用的是 stormWeb, 先退出 stormWeb，再进入 stormWeb ，npm run dev 重启项目即可。 postscript: 如果再写方法，并在 Server.js 里面配置接口，也一样会出现上面只拿到 index.html 页面的情况。 ...

vue build打包后只能访问index其他路径无法访问问题

qq_39710367的博客

07-02

1309

1、router下index.js 文件中requireAuth是否是false, meta: { requireAuth:false, }, 2、去掉 mode: "history" 采用#间隔访问

宝塔面板网站的主域名访问【502 Bad Gateway】而访问index.html却正常的原因？

weixin_43343144的博客

07-06

1342

这里默认文档的【第一个位置】为主域名首选默认访问,比如你的第一个为【index.php】如果访问不存在的话，则会导致【主域名访问提示错误502 Bad Gateway】为此请把【index.html】放在第一个位置即可【因为某些网站可能已做了静态解析,无法访问index.php】 ...

Linux下宝塔部署 SpringBoot + Vue 前后端分离项目

weixin_53835008的博客

07-25

1153

配置入口类根据自己项目指定，即启动类全路径在启动类右键 Copy Path.. ->Copy Reference 复制idea插件打包，在IDEA右侧Maven Projects栏双击package等待Build Success即可，打包前双击clean清理旧缓存和配置的影响。打包完成后jar包会生成到项目里的target目录下，命名一般是项目名+版本号.jar可以在本地命令先运行一下jar包，看有无问题。

vue前端项目部署之nginx配置.md

03-20

本文将详细介绍如何使用Nginx作为反向代理服务器来部署Vue前端项目，包括具体的步骤以及需要注意的关键点。 #### 二、确认Nginx配置完毕在开始部署之前，首先要确保Nginx已经正确安装并配置好。可以通过以下方式...

宝塔部署本地的vue+nodejs项目

weixin_45603223的博客

06-26

4267

将本地nodejs项目和vue项目部署到宝塔，可以被外网访问

记录一次使用宝塔部署Vue3 + Spring boot项目遇到的问题

qbb的博客

04-12

797

使用宝塔部署Springboot + Vue项目

使用宝塔面板部署VUE项目到服务器

德发大陆

03-21

1879

1、在Vue项目中的index.js文件中配置好路径 2、提前将需要使用到的端口放行 3、正式部署（1）、无域名部署 i、安装nginx并启动 ii、然后就这样（2）、有域名部署 #解决后端api没有代理到的问题直接访问到本服务器ip的问题 location /api{ rewrite ^/api/(.*)$ /$1 break; proxy_pass http://ip:端口号; #后端接口api ind

vue项目 npm run build后在浏览器上打开index.html常见问题

H的博客

12-11

3171

1.打开报错解决方法 config文件里的index.js里, assetsPublicPath:'/',改成 ./ 重新build即可 2.打开后使用的icon字体图标不显示解决方法 build文件里的utils.js里添加publicPath:'../../' ，重新build即可 ...

index.html和app.vue之间的关系

Akatsuki233的博客

04-08

1641

// main.js中： new Vue({ el: '#app', // index.html中的 <div id="app"></div> components:{App}, // ES6语法，在对象中，如果键值对一样的话，只写一个就可以（声明有哪些组件） template: '<App/>' // <App/> 等于 <App&gt...

三种方案解决Vue项目打包后dist中的index.html用浏览器无法直接打开的问题

m0_66051368的博客

07-06

6947

Vue打包后生成的dist文件中的index.html，双击在浏览器中打开后发现一片空白，打开控制台有很多报错：“Failed to load resource: net::ERR_FILE_NOT_FOUND”。2. 将index.html中资源引用的绝对路径改为相对路径；这是因为dist文件是需要放在服务器上运行的，资源默认放在根目录下。可以打开浏览器在localhost:8080中查看了。，此时可以双击index.html在浏览器中正常访问了！指向磁盘根目录，所以找不到引用的文件。

vue打包后直接本地访问index.html

最新发布

小白白的博客

12-20

1249

在vue.config.js 文件，没有的话就新建一个，并添加publicPath: './ ’router.js 把mode改成。

解决VUE项目上线后，打开index.html一片空白

weixin_42967392的博客

05-28

1002

在Vue.config.js文件里，增加publicPath: ‘./’,如果已经有该属性则把’/’,替换为’./’，这样路径就正确了。

解决本地nginx部署vue项目只能访问默认页面问题

前端很杂，故名前端杂货铺 —— coderkey

08-08

3882

项目时只能访问默认页面，刷新和跳转页面都会出问题。当作自身的服务访问而找不到，我们修改一下配置文件。页面，而其他页面在访问的时候被。

Vue项目+宝塔面板部署网站进行线上访问

m0_57945629的博客

05-12

5202

利用服务器上宝塔快速部署静态HTML页面

m0_58035880的博客

04-09

7291

3.点击后弹出如图所示，域名填写自己购买的域名，如果没有则填服务器的IP地址，纯静态页面选择FTP，数据库，PHP版本，网站分类都如图所示。6.宝塔文件夹传送静态页面，点击根目录，把文件放到该文件夹中，注意静态页面主页名要为index.html。4.若购买了域名，则需要在购买网站中进行解析以腾讯云为例，点添加记录，记录值填服务器IP。1.购买腾讯云或者阿里云服务器，在服务上安装宝塔（较为简单，可以搜如何安装）5.打开服务器的80端口，在防火墙打开80端口。2.进入宝塔，点击左边网站，在点击添加站点。

宝塔部署vue项目跨域

09-03

宝塔面板可以通过Nginx来部署Vue项目，并解决跨域问题。在部署过程中，需要进行以下步骤： 1. 首先，使用npm run build命令打包Vue项目，成功后会在项目根目录下生成一个dist文件夹。 2. 在宝塔面板中，选择对应的网站，点击设置，进入网站设置页面。 3. 在左侧菜单中，点击Nginx，进入Nginx配置页面。 4. 在Nginx配置页面的顶部，可以看到一段配置示例，将这段示例替换为以下配置代码： ``` location / { root /path/to/your/dist; # 指向Vue项目打包后的dist文件夹路径 index index.html index.htm; } location /api/ { proxy_pass http://localhost:9777/; # 将请求转发到后端接口的运行端口 } ``` 注意将`/path/to/your/dist`替换为你实际的Vue项目dist文件夹的路径，将`http://localhost:9777/`替换为你实际的后端接口的运行端口。 5. 保存并应用配置。通过以上步骤，宝塔面板已经成功部署了Vue项目，并且解决了跨域问题。你可以通过公网IP加上Vue项目的端口号和项目名称来访问部署的项目。例如，`公网IP:Vue项目端口号/项目名称`。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [宝塔部署项目&跨域](https://blog.csdn.net/u014632228/article/details/129066281)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [Spring Boot + Vue 前后端分离项目的部署](https://blog.csdn.net/qq_45716120/article/details/112985281)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]