当前位置: 首页 > wzjs >正文

学校建设网站的结论做网站招商需要具备什么

学校建设网站的结论,做网站招商需要具备什么,国外网站众筹怎做,西安网站建设昆奇部署后,不管页面空白还是报错,实际上都是资源引用的路径不对造成的,根据路径来实际解决就可以了 history模式: vue中使用history模式加上NGINX的使用会导致路径冲突,解决如下: server {listen 8025;server…

部署后,不管页面空白还是报错,实际上都是资源引用的路径不对造成的,根据路径来实际解决就可以了

history模式:

vue中使用history模式加上NGINX的使用会导致路径冲突,解决如下:

	server {listen 8025;server_name localhost; # 或者您的实际域名/IP 地址location / {root D:\hwj\xuexi\code\my-project\dist;  index index.html;try_files $uri $uri/ /index.html;  # 解决 Vue 路由刷新 404 问题}}

vue.config.js (关键:publicPath: '/', //设置为绝对路径)

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({transpileDependencies: true,lintOnSave:false,configureWebpack: { devtool: 'source-map'},publicPath: '/', //设置为绝对路径
})

public目录下的index.html (关键点:<%= BASE_URL %>)

<!DOCTYPE html>
<html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link rel="icon" href="<%= BASE_URL %>favicon.ico"><title><%= htmlWebpackPlugin.options.title %></title><link rel="stylesheet" href="<%= BASE_URL %>layui-v2.9.20\layui\css\layui.css"><script src="<%= BASE_URL %>layui-v2.9.20\layui\layui.js"></script><script src="<%= BASE_URL %>jquery-3.6.0.min.js"></script></head><body><noscript><strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --></body>
</html>

hash模式:

hash模式就没那么多事了,就是路径有点不好看

NGINX中配置如下:(好处:在同一个域名下的80端口,我可以配置test请求是访问前端,detail请求就是访问后端。如果是history模式,那么路由如果也有detail,那么刷新的时候就会URL冲突了,不知道detail是后端还是前端路由!)

server {listen 8025;server_name localhost; # 或者您的实际域名/IP 地址#前端项目location /test {alias D:\hwj\xuexi\code\my-project\dist;  index index.html;try_files $uri $uri/ /test/index.html;  # 解决 Vue 路由刷新 404 问题}#后端接口location /detail {add_header 'Access-Control-Allow-Origin' '*' always; #不使用 always 可能会导致 header 只在成功的响应中被添加,而不会在错误响应中被添加,这可能会引发 CORS 相关的问题add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';add_header 'Access-Control-Allow-Headers' '*';add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';if ($request_method = 'OPTIONS') {return 204;}proxy_pass http://192.168.1.99:8093/terminal;proxy_set_header Origin $http_origin;proxy_set_header Access-Control-Request-Headers $http_access_control_request_headers;proxy_set_header Access-Control-Request-Method $http_access_control_request_method;}}

vue.config.js中也要改动下

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({transpileDependencies: true,lintOnSave:false,configureWebpack: { devtool: 'source-map'},publicPath: '/test', //设置为绝对路径
})

http://www.dtcms.com/wzjs/590384.html

相关文章:

  • 做网站代理拉不到人新网站怎样做优化
  • 电商网站建设实训总结中山专业网站建设价格
  • 湖南网站建设oqianduwordpress自助申请友链
  • 专业订制网站制作专业做蛋糕视频网站
  • 2016网站开发语言免费制作
  • 用discuz做门户网站网站搭建代理
  • 香水网站设计网页网站平台设计费用多少
  • 顺德网站建设域名企业网站建设哪家优惠
  • 北碚网站建设厦门外贸网站seo
  • 家居网站建设公司排名wordpress内存慢慢身高
  • 做字幕网站网站单页发布
  • 网站建设市场前景互联网服务提供商
  • 匈牙利网站后缀服装公司网站建设开题报告
  • destoon 网站搬迁杭州 企业门户网站建设
  • 故城网站建设app拉新项目推广代理
  • 高品质的佛山网站建设网站建设论文 php
  • 四川外国语大学网站建设系景区加强网站建设
  • 怎样进行网站板块建设建好网站是不是还得维护
  • 自己建的网站打开的特别慢网站推广的方式包括
  • 注册自己的网站传统网站模板
  • 信息行业网站建设wordpress首页菜单怎么设置
  • 上海市网站建设电话号码哪个网站可以领单做效果图
  • 阿里云 域名 做网站wordpress添加下文件
  • 域名出售后被用来做非法网站江阴建设网站
  • 哪些网站可以做驾考试题莘县网站建设
  • 网站推广平台代理wordpress移动端设置方法
  • 开封网站制作哪家好营口电商平台网站建设
  • 免费的网站建设有哪些推广手段
  • 网站编程 mysql网上购物商城app
  • 妇幼能力建设网站某品牌休闲零食网站建设规划书