部署到Nginx后,配置在vue中的针对某些请求(比如后端请求)的代理会失效(表现为这部分请求会404错误,但是项目css等静态资源都能正常访问),这时需要对Nginx配置相应的请求代理。 比如我们Vue项目的vue.config.js配置如下(不需要修改): 期望能将/api/为前缀的请求全都代理到 http://0.0.0.0:8080/,本地以开发模式运行...
vue项目通过nginx部署后访问js,css等静态资源404,可尝试更改vue.config.js中publicpath:"./" 默认为'/' 再次运行npm run build 我这边这样解决了 具体技术文章见"vue-cli"官网 vue-cli配置参考
首先vue项目中的配置还是不用变,详情参考我的上一篇博客手把手教小白部署vue教程,然后将生成的dist下的全部文件拷贝到nginx目录下的webapp下,如果没有,自行创建即可。 接下来我们改nginx目录中的conf/nginx.conf文件: server { listen 8000; #浏览器访问的端口号 server_name 49.233.189.179; #服务器IP地址 location...
1.如果vue-router使用hash模式,则可以在vue.config.js中设置publicPath 为空字符串 (’’) 或是相对路径 (’./’),这样所有的资源都会被链接为相对路径,这样打出来的包可以被部署在任意路径。 2.如果使用history模式,在生产环境静态资源(打包成chunk的js和css)都链接为 '/'绝对路径,此时直接点击index.html找不...
nginx一个端口部署多个地址,css、js等文件404 chiugi 111 发布于 2022-03-10 新手上路,请多包涵 具体需求就是在当前域名下的/doc/地址映射到其他vue项目 以下是nginx.conf配置文件 server { listen 80;#监听端口 server_name localhost;#域名 index index.html index.htm index.php; root nginx/html;#站点...
静态文件路径错误:Vue.js应用在构建时会生成一些静态文件,如HTML、CSS和JavaScript文件。这些文件需要由Nginx正确地提供给客户端。如果Nginx的配置中指定的静态文件路径不正确,可能导致404错误。需要检查Nginx配置文件中的静态文件路径是否正确。 针对以上问题,可以采取以下解决方案: 检查Vue Router的配置文件,确保路由路径和...
在浏览器中直接访问www.test.com/api1/login会404。但如果你先访问www.test.com后再点“登录" 跳转到www.test.com/api1/login是正常显示。f5刷新又会出现 404了 这是web单页面开发模式造成的。现在主流的前端框架基本都是单页面的。如:react、vue等。
root /home/pms/www/console; #禁止访问的文件或目录 location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md) { return 404; } location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { expires 30d; error_log off; access_log /dev/null; } location ~ .*\.(js|css)?$...
项目按照正常的逻辑去点击,不会出现问题,但是一旦刷新,就会出现404, 1.nginx 目录 /html/app1/ 下面有发布的vue静态资源,有index.html 和一些js css。 2.访问http://xxxx:8090/app1/index.html 3.nginx 匹配会在/html下面去找app1/index.html 这个是可以找到的。
不注释这个,静态资源,例如css,JS,会一直报404。 最后在sever_name下面接着配置项目的配置: location /merchant { # 这个 /merchant 就代表你想用merchant字段去区分你的merchant项目 alias /www/wwwroot/XXXXXX/app/merchantPay; # 这个填写你的相对应的项目地址 ...