vue+egg nginx配置

vue+egg nginx配置

配置代理转发至后端

server {
        listen       80;
        root /www/web/server_toutoufc_com/public_html;
        server_name server.toutoufc.com;
        index  index.html index.php index.htm;
        error_page  400 /errpage/400.html;
        error_page  403 /errpage/403.html;
        error_page  404 /errpage/404.html;
        error_page  503 /errpage/503.html;
        location ~ /api/ {
                rewrite /api/(.*)$ /$1 break; 
                proxy_pass http://127.0.0.1:7001;
        }

}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.js中使用TypeScript的路由配置相对于使用JavaScript的方式有一些差异。以下是一个基本的Vue.js和TypeScript的路由配置示例: 首先,安装`vue-router`和`@types/vue-router`: ``` npm install vue-router npm install --save-dev @types/vue-router ``` 然后,在你的项目中创建一个`router.ts`文件,并编写路由配置: ```typescript import Vue from 'vue'; import Router, { RouteConfig } from 'vue-router'; // 导入路由页面组件 import Home from '@/views/Home.vue'; import About from '@/views/About.vue'; // 使用Vue插件 Vue.use(Router); const routes: Array<RouteConfig> = [ { path: '/', name: 'Home', component: Home, }, { path: '/about', name: 'About', component: About, }, ]; const router = new Router({ routes, }); export default router; ``` 在上面的例子中,我们导入了两个路由页面组件,分别是`Home.vue`和`About.vue`。然后,我们定义了一个包含路由配置的数组`routes`,每个路由对象都包含了`path`、`name`和`component`属性,分别表示路由路径、名称和对应的组件。 最后,我们创建了一个`router`实例,并将路由配置传入。最后通过`export default router;`将其导出。 最后,在你的主入口文件(通常是`main.ts`)中引入并使用该路由实例: ```typescript import Vue from 'vue'; import App from './App.vue'; import router from './router'; new Vue({ router, render: (h) => h(App), }).$mount('#app'); ``` 这样,你就完成了Vue.js和TypeScript的路由配置。请注意,上述示例是一个基本的配置示例,你可以根据实际需求进行进一步的配置和优化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值