首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Nginx和Vuejs 3配置,带baseurl和public path

Nginx是一个高性能的开源Web服务器和反向代理服务器,它可以用于静态资源的快速传输和负载均衡。Vue.js 3是一个流行的JavaScript框架,用于构建用户界面。下面是关于Nginx和Vue.js 3配置的详细信息:

  1. Nginx配置:
    • 概念:Nginx的配置文件位于/etc/nginx/nginx.conf,它定义了服务器的全局配置和虚拟主机配置。
    • 分类:Nginx可以用作Web服务器、反向代理服务器、负载均衡器等。
    • 优势:Nginx具有高性能、高并发处理能力、低内存消耗和良好的稳定性。
    • 应用场景:Nginx常用于静态资源的快速传输、负载均衡、反向代理、缓存加速等。
    • 推荐的腾讯云相关产品:腾讯云提供了云服务器CVM、负载均衡CLB等产品,可与Nginx配合使用。
    • 产品介绍链接地址:腾讯云云服务器腾讯云负载均衡
  • Vue.js 3配置:
    • 概念:Vue.js 3的配置文件位于项目根目录下的vue.config.js,它允许开发者自定义构建配置和开发服务器配置。
    • 分类:Vue.js 3的配置主要包括开发环境配置和生产环境配置。
    • 优势:Vue.js 3具有简洁易用的语法、响应式的数据绑定、组件化开发等优势。
    • 应用场景:Vue.js 3常用于构建单页面应用、前端界面开发等。
    • 推荐的腾讯云相关产品:腾讯云提供了云函数SCF、云开发TCB等产品,可与Vue.js 3配合使用。
    • 产品介绍链接地址:腾讯云云函数腾讯云云开发

需要注意的是,以上推荐的腾讯云产品仅作为参考,实际选择产品时应根据具体需求进行评估和选择。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Vuthink正确安装过程

1.下载项目vuethink,本例将项目放置website文件下。 2.后台搭建 本地建站–》以phpstudy为例 1) 新建站点域名 <VirtualHost*:80> DocumentRoot “D:\website\VueThink\php\public” ServerName www.vuethink.com ServerAlias <Directory “D:\website\VueThink\php\public”> Options FollowSymLinks ExecCGI AllowOverride All Order allow,deny Allow from all Require all granted </Directory> </VirtualHost> 2) win+R运行drivers 在etc/hosts文件添加本地ip域名 127.0.0.1www.vuethink.com 3. 前台搭建 1) 运行cmd 进入frontend文件 2) npm install 本项目提示npm WARN package.json xxx@0.0.0 No repository field. 参考地址 :http://hao.jser.com/archive/5381/ 修改:在package.json添加(也可以忽略,不修改) “private”:true, “repository”: { “type”:”git”, “url”:”http://github.com/yourname/repositoryname.git” }, 3) npm run dev 4. 检查php版本 首先thinkphp5.0要求php为5.4以上,所以请先检查php版本。 5. 用户名:admin,密码 :123456 6. 修改文件 1) 修改数据库配置文件Vuethink/php/config/database.php ‘type’ => ‘mysql’, ‘hostname’ => ‘127.0.0.1’, ‘database’ => ‘install’, ‘username’ => ‘root’, ‘password’ => ‘root’, 2) 旧版压缩包,数据表menu url字段开头带有/ 修改前端src/router.js文件 将所有children path 路径前加/ ,再次登录跳转显示正常 新版压缩包,数据表menuurl字段开头不带/ 此处不用修改 3) 修改application\admin\controller\Base.php文件,看到最后: // miss 路由:处理没有匹配到的路由规则 public function miss() { return ; } 将return; 修改为 return “router_error”; (此处修改方便提示) 4) 前后端分离,修改main.js文件 将axios.defaults.baseURL = HOST改为 axios.defaults.baseURL = ‘http://www.vuethink.com/index.php/’ vuethink采用axios请求后端程序,而且此处设置就是让axios每次请求都自动加上baseURL。 window.HOST = HOST改为 window.HOST = ‘http://www.vuethink.com/index.php/’ 这里的意义还没弄明白,后面再补充。

03
领券